java - 如何向 JavaFX 图表添加值标记？

Question

我正在尝试使用 JavaFX 构建一个系列图表，其中数据是动态插入的。

每次插入新值时，我都想检查这是否是目前为止的最大值，如果是，我想画一条水平线以表明这是最大值。

在 JFree 图表中，我会使用 ValueMarker，但我正在尝试对 JavaFX 做同样的事情。

我尝试使用 Line 对象，但它绝对不一样，因为我无法提供图表值，它采用窗口中的相对像素位置。

下面是我要实现的图表截图:

http://postimg.org/image/s5fkupsuz/

有什么建议吗？谢谢。

Answer 1

要将图表值转换为像素，您可以使用返回图表节点实际坐标的方法 NumberAxis#getDisplayPosition()。

虽然这些坐标是相对于图表区域的，你可以通过下一段代码找到:

Node chartArea = chart.lookup(".chart-plot-background");
Bounds chartAreaBounds = chartArea.localToScene(chartArea.getBoundsInLocal());

请注意 localToScene() 方法，它允许您将任何坐标转换为场景坐标。因此，您可以使用它们来更新您的值标记坐标。确保在场景显示后进行 localToScene 调用。

请参阅下面生成下一个图表的示例程序:

public class LineChartValueMarker extends Application {

    private Line valueMarker = new Line();
    private XYChart.Series<Number, Number> series = new XYChart.Series<>();
    private NumberAxis yAxis;
    private double yShift;

    private void updateMarker() {
        // find maximal y value
        double max = 0;
        for (Data<Number, Number> value : series.getData()) {
            double y = value.getYValue().doubleValue();
            if (y > max) {
                max = y;
            }
        }
        // find pixel position of that value
        double displayPosition = yAxis.getDisplayPosition(max);
        // update marker
        valueMarker.setStartY(yShift + displayPosition);
        valueMarker.setEndY(yShift + displayPosition);
    }

    @Override
    public void start(Stage stage) {
        LineChart<Number, Number> chart = new LineChart<>(new NumberAxis(0, 100, 10), yAxis = new NumberAxis(0, 100, 10));

        series.getData().add(new XYChart.Data(0, 0));
        series.getData().add(new XYChart.Data(10, 20));

        chart.getData().addAll(series);
        Pane pane = new Pane();
        pane.getChildren().addAll(chart, valueMarker);
        Scene scene = new Scene(pane);

        // add new value on mouseclick for testing
        chart.setOnMouseClicked(new EventHandler<MouseEvent>() {
            @Override
            public void handle(MouseEvent t) {
                series.getData().add(new XYChart.Data(series.getData().size() * 10, 30 + 50 * new Random().nextDouble()));
                updateMarker();
            }
        });

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

        // find chart area Node
        Node chartArea = chart.lookup(".chart-plot-background");
        Bounds chartAreaBounds = chartArea.localToScene(chartArea.getBoundsInLocal());
        // remember scene position of chart area
        yShift = chartAreaBounds.getMinY();
        // set x parameters of the valueMarker to chart area bounds
        valueMarker.setStartX(chartAreaBounds.getMinX());
        valueMarker.setEndX(chartAreaBounds.getMaxX());
        updateMarker();
    }

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