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的人，但是我不太确定我需要在自己的课上做些什么。

我尝试添加一个无参数构造函数，但我需要调用super和cant，因为我也不能调用“getXAxis（）”方法。 我该怎么办？

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

感谢阅读。

Answer 1

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

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

因此，在Java 8中，您可以修改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()方法中，首先调用超类方法（将布置散点图节点），然后调整大小并重新定位象限。您可以使用getXAxis().getDisplayPosition(...)从实际分频器值中找出位置。

在现实生活中，你应该为象限添加样式类，这样你就可以用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中的象限散点图？

1 个答案: