如何在 JavaFX 中将多条折线图添加到一个场景/舞台中?


您可以通过实例化 javafx.scene.chart.LineChart 类来创建折线图。以下是如何在一个 JavaFX 窗口中创建多条折线图的示例。在此,我们绘制一年中三个不同城市的平均气温。

在此示例中,我们定义了一个接受数据作为双数组的方法,创建并返回一个折线图。在 start() 方法中,我们用三个不同的数据集调用此方法,并使用 FlowPane 显示生成的图表。

示例

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.FlowPane;
public class MultipleLineCharts extends Application {
   public void start(Stage stage) {
      Double data1[] = {7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2,26.5, 23.3, 18.3, 13.9, 9.6};
      Double data2[] = {-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5};
      Double data3[] = {3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8};
      //Creating a stack pane to hold the chart
      FlowPane pane = new FlowPane(createChart(data1), createChart(data2),
      createChart(data3));
      //Setting the Scene
      Scene scene = new Scene(pane, 595, 350);
      stage.setTitle("Line Chart");
      stage.setScene(scene);
      stage.show();
   }
   public LineChart<Number, Number> createChart(Double[] values) {
      //Creating the X and Y axes
      NumberAxis xAxis = new NumberAxis();
      NumberAxis yAxis = new NumberAxis();
      xAxis.setLabel("Months");
      yAxis.setLabel("Temperature °C");
      //Creating the chart
      LineChart<Number, Number> chart = new LineChart<>(xAxis, yAxis);
      XYChart.Series<Number, Number> series = new LineChart.Series<>();
      series.setName("Average Temperatures");
      //Setting data
      for (int i = 0; i < values.length; i++) {
         XYChart.Data<Number, Number> data = new LineChart.Data<>(i, values[i]);
         series.getData().add(data);
      }
      chart.getData().add(series);
      chart.setPrefSize(280, 180);
      return chart;
   }
   public static void main(String args[]){
      launch(args);
   }
}

输出

更新日期:20-May-2020

339 次浏览

启动你的职业

完成课程以获得认证

开始
广告