java - 折线图符号位于轴上时被轴剪裁

Question

我有一个具有定义的轴范围的折线图，我将点绘制为位于轴上的线的一部分。默认情况下，轴上的点和线段会被剪裁，如下面的屏幕截图所示；

我的代码如下；

package com.jtech;

import javafx.application.Application;
import javafx.event.EventHandler;
import javafx.scene.Node;
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.input.MouseEvent;
import javafx.stage.Stage;

public class ShowSymbol extends Application {

    @Override
    public void start(Stage stage) {
        final NumberAxis xAxis = new NumberAxis(0,4,1);
        final NumberAxis yAxis = new NumberAxis(0,10,2);

        final LineChart<Number, Number> lineChart = new LineChart<>(xAxis, yAxis);
        XYChart.Series series = new XYChart.Series();

    final XYChart.Data d1 = new XYChart.Data(0.0, 0.0);
    final XYChart.Data d2 = new XYChart.Data(0.5, 2.0);
    final XYChart.Data d3 = new XYChart.Data(1.0, 2.5);
    final XYChart.Data d4 = new XYChart.Data(1.5, 3.5);
    final XYChart.Data d5 = new XYChart.Data(2.0, 10.0);
    final XYChart.Data d6 = new XYChart.Data(2.5, 10.0);
    final XYChart.Data d7 = new XYChart.Data(3.0, 0.0);
    final XYChart.Data d8 = new XYChart.Data(3.5, 0.0);
    final XYChart.Data d9 = new XYChart.Data(4.0, 8.0);

        series.getData().addAll(d1,d2,d3,d4,d5,d6,d7,d8,d9);
        lineChart.getData().add(series);
        lineChart.setLegendVisible(false);

        final Scene scene = new Scene(lineChart, 400, 300);
        scene.getStylesheets().add(getClass().getResource("/css/show.css").toExternalForm());

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


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

样式表包含的地方；

.chart-series-line { -fx-stroke: grey; -fx-stroke-width: 4.0px; -fx-effect: null; }

.chart-line-symbol {
     -fx-background-color: #860061, white;
     -fx-background-insets: 0, 2;
     -fx-background-radius: 0;
     -fx-padding: 4px;
 }

我想保持指定的轴范围(0->4 和 0->10)，但显示符号的完整段和位于它们上的线。这可能吗？

Answer 1

您面临的问题是绘图区域被裁剪了。 XYChart.java 的代码摘录:

private final Group plotArea = new Group(){
  @Override public void requestLayout() {} // suppress layout requests
};
private final Group plotContent = new Group();
private final Rectangle plotAreaClip = new Rectangle();

public XYChart(Axis<X> xAxis, Axis<Y> yAxis) {
...
getChartChildren().addAll(plotBackground,plotArea,xAxis,yAxis);
...
plotArea.setClip(plotAreaClip);
...
}

一个解决方案可能是简单地禁用剪辑。但这很可能会给您带来其他麻烦(线重叠等)。尽管如此，由于没有合适的 API，这里有一个关于如何禁用剪辑的快速而肮脏的方法:

Region chartContent = (Region) lineChart.lookup(".chart-content");
for( Node node: chartContent.getChildrenUnmodifiable()) {
    if( node instanceof Group) {
        Group plotArea= (Group) node;
        plotArea.setClip(null);
    }
}

然后看起来像这样:

底线:您最好实现自己的支持此功能的图表(例如，使用和更改 LineChart 和 XYChart 的源代码)。或者你file a change request寻找合适的解决方案。