Question

我使用场景构建器v2.0创建了一个fxml布局。我正在修改控制器文件中的图表，即SampleController.java文件。我能够使用.setTitle方法设置图表标题。我需要动态设置xAxis（Start，End，Ticks）和yAxis的范围。在CSS中，使用lowerBound和upperBound属性很容易设置。但这是一个永久的解决方案。请提供宝贵的建议和解决方案。

Main.java：

package application;
import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Scene;
import javafx.scene.control.SplitPane;
import javafx.stage.Stage;
public class Main extends Application{
    @Override
    public void start(Stage primaryStage) { 
        try {
            SplitPane root = (SplitPane)FXMLLoader.load(getClass().getResource("Sample.fxml"));
            Scene scene = new Scene(root,800,400);          
            scene.getStylesheets().add(getClass().getResource("application.css").toExternalForm());
            primaryStage.setScene(scene);
            primaryStage.show();            
        } catch(Exception e) {
            e.printStackTrace();
        }
    }   
    public static void main(String[] args) {
        launch(args);



    }
}

Sample.fxml

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.control.*?>
<?import java.lang.*?>
<?import javafx.scene.chart.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.layout.BorderPane?>

<SplitPane dividerPositions="0.7892976588628763" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="400.0" minWidth="800.0" prefHeight="400.0" prefWidth="800.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="application.SampleController">
  <items>
    <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="160.0" prefWidth="100.0">
         <children>
            <LineChart fx:id="Ch" alternativeColumnFillVisible="true" layoutX="14.0" prefHeight="398.0" prefWidth="500.0">
              <xAxis>
                <NumberAxis side="BOTTOM" />
              </xAxis>
              <yAxis>
                <NumberAxis layoutX="10.0" side="LEFT" />
              </yAxis>
            </LineChart>
         </children></AnchorPane>
    <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="160.0" prefWidth="100.0">
         <children>
            <Button fx:id="sine" layoutX="21.0" layoutY="101.0" mnemonicParsing="false" text="Sinusoidal" />
            <Button fx:id="triangle" layoutX="21.0" layoutY="148.0" mnemonicParsing="false" prefHeight="25.0" prefWidth="70.0" text="Triangle" />
            <Button fx:id="square" layoutX="21.0" layoutY="187.0" mnemonicParsing="false" prefHeight="25.0" prefWidth="70.0" text="Square" />
            <Label layoutX="20.0" layoutY="40.0" prefHeight="17.0" prefWidth="83.0" text="Controls" />
         </children></AnchorPane>
  </items>
</SplitPane>

SampleController.java

package application;
import java.net.URL;
import java.util.ResourceBundle;
import javafx.animation.Animation;
import javafx.animation.KeyFrame;
import javafx.animation.Timeline;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.chart.Axis;
import javafx.scene.chart.LineChart;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.XYChart;
import javafx.scene.chart.XYChart.Series;
import javafx.scene.control.Button;
import javafx.util.Duration;


public class SampleController implements Initializable {

     final NumberAxis xAxis = new NumberAxis(0,24,3);

     final NumberAxis yAxis = new NumberAxis(0,1,0.1);

    @FXML //  fx:id="Ch"
    private LineChart<Number, Number> Ch= new LineChart<>(xAxis, yAxis); // No use of using a constructor.
    @FXML//  fx:id="sine"
    private Button sine; // Value injected by FXMLLoader
    @FXML//  fx:id="triangle"
    private Button triangle; // Value injected by FXMLLoader
    @FXML//  fx:id="Square"
    private Button square; // Value injected by FXMLLoader




    @Override // This method is called by the FXMLLoader when initialization is complete
    public void initialize(URL fxmlFileLocation, ResourceBundle resources) {
        assert Ch != null : "fx:id=\"Ch\" was not injected: check your FXML file 'sample.fxml'.";

        // initialize your logic here: all @FXML variables will have been injected
        sine.setOnAction(new EventHandler<ActionEvent>() {
            @Override
            public void handle(ActionEvent event) {
                System.out.println("Sinusoidal Signal Selected /n/n");
            }
        });

        triangle.setOnAction(new EventHandler<ActionEvent>() {
            @Override
            public void handle(ActionEvent event) {
                System.out.println("Triangle Signal Selected /n/n");
            }
        });

        square.setOnAction(new EventHandler<ActionEvent>() {
            @Override
            public void handle(ActionEvent event) {
                System.out.println("Square Signal Selected /n/n");
            }
        });



        //Ch = new LineChart<>(xAxis, yAxis); // This sadly loads a new chart but is not visible

        Ch.setTitle("PiScope Demo");

        //Need to set xAxis range Dynamically

        //Need to set yAxis range Dynamically

        /*
         * In CSS we can use lowerBound and upperBound Property.
         *          */     

    }
}

Answer 1

将轴注入控制器：

        <LineChart fx:id="Ch" alternativeColumnFillVisible="true" layoutX="14.0" prefHeight="398.0" prefWidth="500.0">
          <xAxis>
            <NumberAxis side="BOTTOM" fx:id="xAxis" />
          </xAxis>
          <yAxis>
            <NumberAxis layoutX="10.0" side="LEFT" fx:id="yAxis" />
          </yAxis>
        </LineChart>

和

public class SampleController implements Initializable {

    @FXML
    private NumberAxis xAxis ;

    @FXML
    private NumberAxis yAxis ;

    // never initialize fields that are injected by @FXML:
    // they are initialized by the FXMLLoader
    @FXML //  fx:id="Ch"
    private LineChart<Number, Number> Ch ;

    // ...
}

然后您可以在initialize()方法中设置范围：

public void initialize() {

    // ...

    xAxis.setAutoRanging(false);
    xAxis.setLowerBound(0);
    xAxis.setUpperBound(24);
    xAxis.setTickUnit(3);

    yAxis.setAutoRanging(false);
    yAxis.setLowerBound(0);
    yAxis.setUpperBound(1);
    yAxis.setTickUnit(0.1);

    // ...
}

Answer 2

有几种口味＆＃34;轴＆＃34;与javafx图表相关。我发现fxml中的LineChart初始化导致Axis＆lt;数字＆gt;。 Axis＆lt; T> class 没有设置下限和上限的方法。所以我通过明确地转换为NumberAxis找到了一个解决方案，其中具有这些设置方法。

import spock.lang.Specification

class PersonTest extends Specification {

如何使用SampleController在Java FX中设置Axis范围？

2 个答案: