如何在 JavaFX 图表中更改 X 轴和 Y 轴线的颜色?


javafx.scene.chart 包提供了创建各种图表(例如线形图、面积图、柱形图、饼图、气泡图、散点图等)的类。

除了饼图之外,所有其他图表都绘制在 XY 平面上。您可以通过实例化相应的类来创建所需的 XY 图表。

更改轴线的颜色 -

  • JavaFX CSS 的 -fx-border-color 类用于设置节点边框的颜色。

  • JavaFX CSS 的 -fx-border-width 类用于设置节点边框的宽度。

  • Node(所有节点的基类)类的 setStyle() 方法接受一个 CSS 字符串,并将指定的样式设置为当前图表。

  • 要更改 x 轴和 y 轴的颜色(更改为橙红色),请使用 setStyle() 方法将以下 CSS 设置为图表对象 -

fx-border-color: OrangeRed transparent transparent; -fx-border-width:3
-fx-border-color: transparent OrangeRed transparent transparent; -fx-borderwidth:3

示例

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.stage.Stage;
import javafx.scene.chart.LineChart;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.XYChart;
import javafx.scene.layout.StackPane;
public class ChangingAxisColor extends Application {
   public void start(Stage stage) {
      //Defining the x axis
      NumberAxis xAxis = new NumberAxis(1960, 2020, 10);
      xAxis.setLabel("Years");
      //Defining the y axis
      NumberAxis yAxis = new NumberAxis (0, 350, 50);
      yAxis.setLabel("No.of schools");
      //Creating the line chart
      LineChart<Number,Number> linechart = new
      LineChart<Number,Number>(xAxis, yAxis);
      XYChart.Series<Number,Number> series = new XYChart.Series<Number,Number>();
      series.setName("No of schools in an year");
      series.getData().add(new XYChart.Data<Number,Number>(1970, 15));
      series.getData().add(new XYChart.Data<Number,Number>(1980, 30));
      series.getData().add(new XYChart.Data<Number,Number>(1990, 60));
      series.getData().add(new XYChart.Data<Number,Number>(2000, 120));
      series.getData().add(new XYChart.Data<Number,Number>(2013, 240));
      series.getData().add(new XYChart.Data<Number,Number>(2014, 300));
      //Setting the data to Line chart
      linechart.getData().add(series);
      //Changing the color of the x and y axis
      linechart.getXAxis().setStyle("-fx-border-color: OrangeRed transparent
      transparent; -fx-border-width:3");
      linechart.getYAxis().setStyle("-fx-border-color: transparent OrangeRed
      transparent transparent; -fx-border-width:3");
      //Creating a Group object
      StackPane root = new StackPane(linechart);
      //Setting the scene object
      Scene scene = new Scene(root, 595, 300);
      stage.setTitle("Line Chart");
      stage.setScene(scene);
      stage.show();
   }
   public static void main(String args[]){
      launch(args);
   }
}

输出

更新于: 2020-05-19

655 次查看

开启你的 职业生涯

通过完成课程获得认证

立即开始
广告

© . All rights reserved.