Question

我想在javafx中绘制一个峰值地图，但是没有一个类来完成我的目标。所以我将“LineChart”修改为我的“峰值地图”，它看起来像that。但我想将X轴移动到0刻度（y轴），我该怎么做才能实现它。

顺便说一句，如果你有更好的方法来实现“峰值地图”，请给我一些建议。

谢谢！

public void start(Stage stage) {
        stage.setTitle("Line Chart Sample");
        final NumberAxis xAxis = new NumberAxis();
        final NumberAxis yAxis = new NumberAxis();
        xAxis.setLabel("X");
        yAxis.setLabel("Y");
        final LineChart<Number, Number> lineChart = new LineChart<>(xAxis, yAxis);

        lineChart.setTitle("Peak Map");

        XYChart.Series<Number, Number> series1 = new XYChart.Series<>();
        series1.setName("Portfolio 1");

        series1.getData().add(new XYChart.Data<Number, Number>(1, 0));
        series1.getData().add(new XYChart.Data<Number, Number>(1, 14));

        XYChart.Series<Number, Number> series2 = new XYChart.Series<>();
        series2.setName("Portfolio 2");
        series2.getData().add(new XYChart.Data<Number, Number>(2, 0));
        series2.getData().add(new XYChart.Data<Number, Number>(2, 34));

        XYChart.Series<Number, Number> series3 = new XYChart.Series<>();
        series3.setName("Portfolio 3");
        series3.getData().add(new XYChart.Data<Number, Number>(3, 0));
        series3.getData().add(new XYChart.Data<Number, Number>(3, 35));

        XYChart.Series<Number, Number> series4 = new XYChart.Series<>();
        series4.setName("Protfolio 4");
        series4.getData().add(new XYChart.Data<>(2, 0));
        series4.getData().add(new XYChart.Data<>(2, -8));

        Scene scene = new Scene(lineChart, 800, 600);
        lineChart.getData().addAll(series1, series2, series3, series4);

        lineChart.setCreateSymbols(false);
        lineChart.setLegendVisible(false);

        stage.setScene(scene);
        stage.show();
    }

Answer 1

我用你的代码玩了一下。你期待这样的结果吗？

警告：这是一个非常棘手的解决方案。

找到零水平线对象并将xAxis移动到此位置：

    final LineChart<Number, Number> lineChart = new LineChart<>(xAxis, yAxis);

    final ObservableList<Node> lineChildren = lineChart.getChildrenUnmodifiable();
    final Optional<Node> chartContent = lineChildren
            .stream()
            .filter(node -> node.getStyleClass().contains("chart-content"))
            .findFirst();

    if (chartContent.isPresent()) {
        final Optional<Node> xyChart = ((Parent)chartContent.get())
                .getChildrenUnmodifiable()
                .stream()
                .filter(node -> node.getStyleClass().isEmpty())
                .findFirst();

        if (xyChart.isPresent()) {
            final Optional<Node> xAxisOrigin = ((Parent) xyChart.get())
                    .getChildrenUnmodifiable()
                    .stream()
                    .filter(node -> node.getStyleClass().contains("chart-horizontal-zero-line"))
                    .findFirst();

            if (xAxisOrigin.isPresent()) {
                final Line node = (Line) xAxisOrigin.get();
                Platform.runLater(() -> {
                    xAxis.setTranslateY(-(xAxis.getLayoutY() - node.getEndY()));
                });
            }
        }
    }

至于我，可能会删除X和Y标签。

注意：我们需要处理窗口大小调整事件来动态移动xAxis。

如何在javafx中绘制峰值地图

1 个答案: