java - 向 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));
我做了什么
我已尝试删除发生不连续性的元素,但这会导致图形的某些部分没有通过点的线。这个结果可以在这里看到。
我还在我的应用程序中添加了上面的代码(对数据类型进行了一些修改),我得到了这个结果。
解决方案
也许您可以将不连续的线建模为两个或多个线段?绘图程序不知道不连续性,并假设您作为一组提供的所有数据点都已连接。
我会考虑创建一个更高级别的对象,该对象包含零个或多个数据系列,每个数据系列在图表上表示为单独的“线”。更高级别的对象将负责设置其包含的线的外观,以便所有线段看起来都相同(颜色、线型、数据点符号)。用户会将其解释为具有不连续性的单行。
推荐阅读
- r - 使用高斯向树高数据添加错误
- python - RuntimeError:__class__ 未设置将“AbstractBaseUser”定义为
. 被 __classcell__ 传播 - android - Android:没有显示 RecyclerView 的 CardView
- assembly - 在 call/jmp 指令中解码立即数
- c# - 方法“添加”没有重载需要 3 个参数
- django - Django如何添加2个或更多过滤器
- ios - SwiftUI navigationBarHidden 不起作用并引发错误
- python - 如何在不使用 round() 的情况下对浮点数进行舍入
- javascript - 如何在javascript中的单个对象中合并多个json数据
- python - 我在数据库中的日期戳没有改变。蟒蛇/玛丽亚数据库