JavaFX 中的象限散点图？

Question

感谢阅读我的问题。

我目前正在使用 JavaFX-8、SceneBuilder 和 Eclipse。

我想做一个四象限的散点图，它有两个固定的数轴（数据位置无关，我只需要显示每个象限上的点...只关心在哪个象限一个点是）。每个象限必须有特定颜色的背景。

我找到了 this question，所以我尝试扩展 ScatterChart 以覆盖方法 layoutPlotChildren()。我尝试了一个最小的实现，看看它是否会运行我的 FXML（我确实将新组件导入到 FXML）。这是我的最低实现：

public class ScatterQuadrantChart<X,Y> extends ScatterChart<X,Y> {
  public ScatterQuadrantChart(Axis<X> xAxis, Axis<Y> yAxis) {
      super(xAxis, yAxis);
} }

然后，我收到 NotSuchMethodError init 错误。我发现了一个类似的错误，但来自扩展 LineChart here 的人，但我不太确定自己需要做什么 class。

我尝试添加一个无参数构造函数，但我需要调用 super 和 cant，因为我也无法调用 "getXAxis()" 方法。 我在这里应该做什么？

另外，剩下的另一个问题是，一旦我解决了这个问题，layoutPlotChildren() 方法应该做什么？

感谢阅读。

Answer 1

出现您看到的问题是因为 FXMLLoader 实例化 class 的默认机制是调用无参数构造函数。您的 ScatterQuadrantChart 没有无参数构造函数，因此 NoSuchMethodError.

在 Java 8 之前，解决此问题的唯一方法是为您的 class 创建一个生成器 class，就像您链接的 post 一样。 JavaFX 8 引入了（但未能记录）一种机制来指定构造函数参数的值，FXMLLoader 使用 @NamedArg 注释可以识别该值。

所以，在Java8中，你可以修改你的ScatterQuadrantChart:

public class ScatterQuadrantChart<X,Y> extends ScatterChart<X,Y> {
  public ScatterQuadrantChart(@NamedArg("xAxis")Axis<X> xAxis, 
         @NamedArg("yAxis)Axis<Y> yAxis) {
      super(xAxis, yAxis);
  } 
}

然后您的 FXML 将如下所示

<ScatterQuadrantChart>
    <xAxis>
        <NumberAxis ... />
    </xAxis>
    <yAxis>
        <NumberAxis ... />
    </yAxis>
</ScatterQuadrantChart>

我不知道 SceneBuilder 是否或如何与之交互，但 FXML 会起作用。

至于实现，您需要在图中添加一些节点来表示您的象限。我可能只会为这些使用普通区域。在构造函数中创建它们并调用 getPlotChildren().add(...) 添加它们。然后在layoutPlotChildren()方法中，先调用superclass方法（会布局散点图节点），然后resize和重新定位象限。您可以使用 getXAxis().getDisplayPosition(...) 从实际分频器值中找出位置。

在现实生活中，您应该向象限添加样式 classes，以便您可以使用 css 等在外部设置它们的样式，但非常基本的实现可能看起来像

import javafx.beans.NamedArg;
import javafx.beans.property.Property;
import javafx.beans.property.SimpleObjectProperty;
import javafx.beans.value.ChangeListener;
import javafx.scene.chart.Axis;
import javafx.scene.chart.ScatterChart;
import javafx.scene.layout.Region;

public class ScatterQuadrantChart<X,Y> extends ScatterChart<X,Y> {

    private final Property<X> xQuadrantDivider = new SimpleObjectProperty<>();
    private final Property<Y> yQuadrantDivider = new SimpleObjectProperty<>();

    private final Region nwQuad ;
    private final Region neQuad ;
    private final Region swQuad ;
    private final Region seQuad ;

    public ScatterQuadrantChart(@NamedArg("xAxis") Axis<X> xAxis, 
            @NamedArg("yAxis") Axis<Y> yAxis) {
        super(xAxis, yAxis);
        nwQuad = new Region();
        neQuad = new Region();
        swQuad = new Region();
        seQuad = new Region();
        nwQuad.setStyle("-fx-background-color: lightsalmon ;");
        neQuad.setStyle("-fx-background-color: antiquewhite ;");
        swQuad.setStyle("-fx-background-color: aqua ;");
        seQuad.setStyle("-fx-background-color: lightskyblue ;");
        getPlotChildren().addAll(nwQuad, neQuad, swQuad, seQuad);

        ChangeListener<Object> quadListener = (obs, oldValue, newValue) -> layoutPlotChildren();
        xQuadrantDivider.addListener(quadListener);
        yQuadrantDivider.addListener(quadListener);
    }

    @Override
    public void layoutPlotChildren() {
        super.layoutPlotChildren();
        X x = xQuadrantDivider.getValue();
        Y y = yQuadrantDivider.getValue();
        if (x != null && y != null) {
            Axis<X> xAxis = getXAxis();
            Axis<Y> yAxis = getYAxis();
            double xPixels = xAxis.getDisplayPosition(x);
            double yPixels = yAxis.getDisplayPosition(y);
            double totalWidth = xAxis.getWidth();
            double totalHeight = yAxis.getHeight();
            nwQuad.resizeRelocate(0, 0, xPixels, yPixels);
            swQuad.resizeRelocate(0, yPixels, xPixels, totalHeight - yPixels);
            neQuad.resizeRelocate(xPixels, 0, totalWidth - xPixels, yPixels);
            seQuad.resizeRelocate(xPixels, yPixels, totalWidth - xPixels, totalHeight - yPixels);
        }
    }

    public final Property<X> xQuadrantDividerProperty() {
        return this.xQuadrantDivider;
    }

    public final X getXQuadrantDivider() {
        return this.xQuadrantDividerProperty().getValue();
    }

    public final void setXQuadrantDivider(final X xQuadrantDivider) {
        this.xQuadrantDividerProperty().setValue(xQuadrantDivider);
    }

    public final Property<Y> yQuadrantDividerProperty() {
        return this.yQuadrantDivider;
    }

    public final Y getYQuadrantDivider() {
        return this.yQuadrantDividerProperty().getValue();
    }

    public final void setYQuadrantDivider(final Y yQuadrantDivider) {
        this.yQuadrantDividerProperty().setValue(yQuadrantDivider);
    }


}

测试代码：

import java.util.Random;
import java.util.stream.Stream;

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.XYChart.Data;
import javafx.scene.chart.XYChart.Series;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;

public class ScatterQuadrantChartTest extends Application {

    @Override
    public void start(Stage primaryStage) {

        final Random rng = new Random();

        ScatterQuadrantChart<Number, Number> chart = new ScatterQuadrantChart<>(new NumberAxis(), new NumberAxis());
        Series<Number, Number> series = new Series<>();
        for (int i=0; i<20; i++) {
            series.getData().add(new Data<>(rng.nextDouble() * 100, rng.nextDouble() * 100));
        }
        chart.getData().add(series);

        chart.setXQuadrantDivider(50);
        chart.setYQuadrantDivider(50);

        BorderPane root = new BorderPane(chart);
        Scene scene = new Scene(root, 600, 600);
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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

}

JavaFX 中的象限散点图？

Quadrant Scatter Chart in JavaFX?

java

charts

javafx-8

scatter