具有65000个数据点的JavaFX LineChart的性能问题

Question

构建描述的LineChart需要花费15分钟JavaFX,这对我的任务不起作用.

使用好的旧Swing和jFreeChart的类似实现需要1.5秒来构建图表.

但我还是想实现一个JavaFX.

这是我的代码:

public class FXMLController implements Initializable {

@FXML
private Label statusbar;
@FXML
public LineChart lineChart;
@FXML
public Button connect;
@FXML
public MenuItem options;
@FXML
public NumberAxis xAxis;
@FXML
NumberAxis yAxis;

@FXML
private void connect(ActionEvent event) {

}
public static FileChooser fileChooser = new FileChooser();
public static String path;
public static XYChart.Series<Integer, Integer> dataSeries = new XYChart.Series<Integer, Integer>();
public static int y = 0;
public static XYChart.Data<Integer, Integer> data;


@FXML
private void open(ActionEvent event) {
    fileChooser.setTitle("Open Resource File");
    fileChooser.getExtensionFilters().addAll(
            new ExtensionFilter("Text Files", "*.txt"),
            new ExtensionFilter("Image Files", "*.png", "*.jpg", "*.gif"),
            new ExtensionFilter("Audio Files", "*.wav", "*.mp3", "*.aac"),
            new ExtensionFilter("All Files", "*.*"));
    File selectedFile = fileChooser.showOpenDialog(new Stage());
    if (selectedFile != null) {
        path = selectedFile.getAbsolutePath();
        System.out.println(path);
        try {
            ReadingFromFile.readFile(path);

        } catch (IOException ex) {
            Logger.getLogger(FXMLController.class.getName()).log(Level.SEVERE, null, ex);
        }
    }

}

@FXML
private void close(ActionEvent event) {

}

@FXML
private void getconnect(ActionEvent event) {

}

@Override
public void initialize(URL url, ResourceBundle rb) {
    xAxis.setLabel("Tick");
    xAxis.setTickUnit(100);
    yAxis.setLabel("Signal");
    xAxis.setForceZeroInRange(false);
    lineChart.setLegendVisible(false);
    lineChart.setCreateSymbols(false);
    lineChart.setAnimated(false);
    lineChart.getData().add(dataSeries);
  }
}

并从文件中读取:

public class ReadingFromFile extends FXMLController {

public static String s = null;
public static String[] str;
public static int parseInt;

public static void readFile(String filename)
        throws IOException {

    BufferedReader br = new BufferedReader(new FileReader(filename));
    try {
        StringBuilder sb = new StringBuilder();
        String line = br.readLine();

        while (line != null) {
            sb.append(line);
            sb.append(System.lineSeparator());
            line = br.readLine();

            System.out.println(line);
            try {
                str = line.split(" ");
                for (int i = 0; i < str.length; i = i + 2) {
                    s = str[i + 1] + str[i];
                    parseInt = Integer.parseInt(s, 16);
                    javafx.application.Platform.runLater(new Runnable() {
                        @Override
                        public void run() {

                            data = new XYChart.Data<Integer, Integer>(y, parseInt);
                            //data.setNode(new HoveredThresholdNode(0, second, ""));
                            dataSeries.getData().add(data);
                            y++;
                        }

                    });
                }
            } catch (java.lang.NullPointerException ex) {
                System.out.println("??? ????!!!");

            }

        }

    } finally {

        br.close();
    }

}

}

Answer 1

我遇到了类似的问题，每隔几秒向折线图添加 100,000 个点。我们使用Ramer\xe2\x80\x93Douglas\xe2\x80\x93Peucker 算法解决了这个问题，这减少了线路中的点数，而用户却没有注意到。我在 LGPL 许可下的JTS 拓扑套件中找到了现成的实现。

\n\n

这是我的测试代码。

\n\n

public class ChartUpdate extends Application {\n\n    public static void main(String[] args) {\n        launch(args);\n    }\n\n    @Override\n    public void start(Stage stage) {\n\n        NumberAxis xAxis = new NumberAxis(0, 50_000, 5000);\n        xAxis.setAutoRanging(false);\n        NumberAxis yAxis = new NumberAxis(-1, 1, 25);\n        yAxis.setAutoRanging(false);\n        LineChart<Number, Number> graph = new LineChart<>(xAxis, yAxis);\n        graph.setAnimated(false);\n        graph.setCreateSymbols(false);\n        graph.setLegendVisible(false);\n        Series<Number, Number> series = new Series<>();\n        stage.setScene(new Scene(graph));\n\n        GeometryFactory gf = new GeometryFactory();\n\n        long t0 = System.nanoTime();\n        Coordinate[] coordinates = new Coordinate[100_000];\n        for (int i = 0; i < coordinates.length; i++) {\n            coordinates[i] = new Coordinate(i, Math.sin(Math.toRadians(i / 100)));\n        }\n        Geometry geom = new LineString(new CoordinateArraySequence(coordinates), gf);\n        Geometry simplified = DouglasPeuckerSimplifier.simplify(geom, 0.00001);\n        List<Data<Number, Number>> update = new ArrayList<Data<Number, Number>>();\n        for (Coordinate each : simplified.getCoordinates()) {\n            update.add(new Data<>(each.x, each.y));\n        }\n        long t1 = System.nanoTime();\n\n        System.out.println(String.format("Reduces points from %d to %d in %.1f ms", coordinates.length, update.size(),\n                (t1 - t0) / 1e6));\n        ObservableList<Data<Number, Number>> list = FXCollections.observableArrayList(update);\n        series.setData(list);\n        graph.getData().add(series);\n\n        stage.show();\n\n    }\n}\n

\n