首页 > 解决方案 > 向 JavaFX LineChart 添加不连续性

问题描述

再会,

我的问题

我正在编写一个使用 LineCharts 的 JavaFX 应用程序。我想添加在 LineChart 上创建不连续性的功能。我想这样做,以便当我的程序从数据库中读取数据时,它将中断部分数据丢失的行。在我的程序当前形式中,图表如下所示我从 SO 上的这篇文章中获得了以下代码,并且我一直在尝试对其进行调整以适应我的程序的需要。

package application;

import java.util.Arrays;
import java.util.List;

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.chart.Axis;
import javafx.scene.chart.LineChart;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.XYChart;
import javafx.scene.chart.XYChart.Data;
import javafx.scene.chart.XYChart.Series;
import javafx.scene.shape.Circle;
import javafx.scene.shape.MoveTo;
import javafx.scene.shape.Path;
import javafx.stage.Stage;


public class Main extends Application {
    @Override
    public void start(Stage primaryStage) {

            NumberAxis xAxis = new NumberAxis();
            NumberAxis yAxis = new NumberAxis();
            MyLineChart chart = new MyLineChart(xAxis, yAxis, Arrays.asList(5));


            XYChart.Series<Number, Number> serie = new Series<>();

            serie.getData().add(new Data<Number, Number>(0, 5));
            serie.getData().add(new Data<Number, Number>(1, 5));
            serie.getData().add(new Data<Number, Number>(2, 5));
            serie.getData().add(new Data<Number, Number>(3, 5));
            serie.getData().add(new Data<Number, Number>(4, 5));
            serie.getData().add(new Data<Number, Number>(5, -5));
            serie.getData().add(new Data<Number, Number>(6, -5));
            serie.getData().add(new Data<Number, Number>(7, -5));

            chart.getData().add(serie);

            Path p = (Path) serie.getNode();        

            Scene scene = new Scene(chart,400,400);
            primaryStage.setScene(scene);
            primaryStage.show();



    }

    public static void main(String[] args) {
        launch(args);
    }

    private static class MyLineChart extends LineChart<Number,Number>{


        private List<Integer> breakpointIndex;

        public MyLineChart(Axis<Number> xAxis, Axis<Number> yAxis, List<Integer> breakpointIndex) {
            super(xAxis, yAxis);
            this.breakpointIndex = breakpointIndex;
        }

        @Override
        protected void layoutPlotChildren() {
            super.layoutPlotChildren();

            Path p = (Path) getData().get(0).getNode();

            breakpointIndex.forEach(i ->{

                Data<Number, Number> discontinuousPoint = getData().get(0).getData().get(i+1);
                p.getElements().add(i+1, new MoveTo(getXAxis().getDisplayPosition( discontinuousPoint.getXValue()), getYAxis().getDisplayPosition(discontinuousPoint.getYValue())));

            });

            System.out.println("\nnew Path :");
            p.getElements().forEach(e -> System.out.println("p : " + e));


        }

    }
}

此代码在上述形式中完美运行,但无法正确显示多个不连续性。当我将以下代码添加到上述程序中时,我对输出进行了截图:

MyLineChart chart = new MyLineChart(xAxis, yAxis, Arrays.asList(5, 7)); //added 7 to the array
.....
serie.getData().add(new Data<Number, Number>(8, 7));

我做了什么

我已尝试删除发生不连续性的元素,但这会导致图形的某些部分没有通过点的线。这个结果可以在这里看到。

我还在我的应用程序中添加了上面的代码(对数据类型进行了一些修改),我得到了这个结果。

标签: javajavafx

解决方案


也许您可以将不连续的线建模为两个或多个线段?绘图程序不知道不连续性,并假设您作为一组提供的所有数据点都已连接。

我会考虑创建一个更高级别的对象,该对象包含零个或多个数据系列,每个数据系列在图表上表示为单独的“线”。更高级别的对象将负责设置其包含的线的外观,以便所有线段看起来都相同(颜色、线型、数据点符号)。用户会将其解释为具有不连续性的单行。


推荐阅读