具有类别轴的JavaFX LineChart示例

内联图,数据值已表示由一条线连接的一系列点。在JavaFX中,您可以通过实例化javafx.scene.chart.LineChart类来创建折线图。

在实例化此类时,必须传递Axis类的两个对象,它们代表x轴和y轴(作为构造函数的参数)。由于Axis类是抽象的,因此您需要传递其具体子类的对象NumberNumber(用于数字值)或CategoryAxis(字符串值)。

示例

以下是演示类别轴用法的示例。在这里,我们正在绘制OnePlus移动电话的各种型号的销售情况,我们使用类别(x)轴来绘制移动电话的型号。

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.stage.Stage;
import javafx.scene.chart.CategoryAxis;
import javafx.scene.chart.LineChart;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.XYChart;
import javafx.scene.layout.StackPane;
public class LineChart_Category extends Application {
   public void start(Stage stage) {
      //定义x和y轴
      CategoryAxis xAxis = new CategoryAxis();
      NumberAxis yAxis = new NumberAxis(200, 600, 100);
      //设置轴的标签
      xAxis.setLabel("Model");
      yAxis.setLabel("Price (USD)");
      //创建折线图
      LineChart linechart = new LineChart(xAxis, yAxis);
      //为该行准备数据点
      XYChart.Series series = new XYChart.Series();
      series.getData().add(new XYChart.Data("OnePlus X", 249));
      series.getData().add(new XYChart.Data("OnePlus One", 299));
      series.getData().add(new XYChart.Data("OnePlus 2", 329));
      series.getData().add(new XYChart.Data("OnePlus 3", 399));
      series.getData().add(new XYChart.Data("OnePlus 3T", 439));
      series.getData().add(new XYChart.Data("OnePlus 5", 479));
      series.getData().add(new XYChart.Data("OnePlus 5T", 499));
      series.getData().add(new XYChart.Data("OnePlus 6", 559));
      //将名称设置为行(系列)
      series.setName("Price of mobiles");
      //将数据设置为折线图
      linechart.getData().add(series);
      //创建一个堆栈窗格来保存图表
      StackPane pane = new StackPane(linechart);
      pane.setPadding(new Insets(15, 15, 15, 15));
      pane.setStyle("-fx-background-color: BEIGE");
      //设置场景
      Scene scene = new Scene(pane, 595, 300);
      stage.setTitle("Line Chart");
      stage.setScene(scene);
      stage.show();
   }
   public static void main(String args[]){
      launch(args);
   }
}

输出结果