[英]Display chart in JavaFX
我試圖重寫並簡化圖表的Oracle教程,以便擁有控制器類並使用fxml。 由於某種原因,它不起作用。
這是我的代碼:主類:
public class BarChartSample extends Application {
Stage primaryStage;
public void start(Stage primaryStage) {
this.primaryStage = primaryStage;
primaryStage.setTitle("Bar Chart Sample");
showPage();
}
public void showPage(){
try {
FXMLLoader loader = new FXMLLoader();
loader.setLocation(BarChartSample.class.getResource("ChartPage.fxml"));
AnchorPane pane = loader.load();
Scene scene = new Scene(pane);
primaryStage.setScene(scene);
primaryStage.show();
} catch (Exception e) {
e.printStackTrace();
}
}
public static void main(String[] args) {
launch(args);
}
}
控制器:
public class Controller {
final static String performance = "Performance:";
@FXML
NumberAxis xAxis = new NumberAxis();
@FXML
CategoryAxis yAxis = new CategoryAxis();
@FXML
BarChart<Number,String> bc;
public void initialize(){
xAxis.setLabel("Percent");
xAxis.setTickLabelRotation(90);
yAxis.setLabel("Performance");
bc = new BarChart<Number,String>(xAxis,yAxis);
XYChart.Series series1 = new XYChart.Series();
series1.getData().add(new XYChart.Data(80, performance));
bc.getData().add(series1);
}
}
FXML:
<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.control.*?>
<?import javafx.scene.chart.*?>
<?import java.lang.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.layout.AnchorPane?>
<AnchorPane prefHeight="393.0" prefWidth="419.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="Controller">
<children>
<BarChart fx:id="bc" layoutX="-40.0" layoutY="-3.0" prefHeight="205.0" prefWidth="409.0" AnchorPane.bottomAnchor="5.0" AnchorPane.leftAnchor="5.0" AnchorPane.rightAnchor="5.0">
<xAxis>
<CategoryAxis fx:id="yAxis" side="BOTTOM" />
</xAxis>
<yAxis>
<NumberAxis side="LEFT" fx:id="xAxis" />
</yAxis>
</BarChart>
<TextArea layoutX="103.0" layoutY="14.0" maxHeight="100.0" prefHeight="200.0" prefWidth="200.0" AnchorPane.leftAnchor="21.0"AnchorPane.rightAnchor="21.0" AnchorPane.topAnchor="5.0" />
</children>
</AnchorPane>
它不會正確顯示圖表,只是畫了幾條線。 為什么? 謝謝!
從initialize()
刪除此行
bc = new BarChart<Number,String>(xAxis,yAxis);
您不應重新初始化已在FXML中定義並已通過@FXML
批注集成到控制器中的任何控件。
由於上述原因,您還需要替換以下幾行
@FXML
NumberAxis xAxis = new NumberAxis();
@FXML
CategoryAxis yAxis = new CategoryAxis();
同
@FXML
NumberAxis xAxis;
@FXML
CategoryAxis yAxis;
同樣,您需要正確定義BarChart。 在FXML中,已將xAxis
聲明為CategoryAxis
並將yAxis
為NumberAxis
。 但是在控制器中,您已經定義了BarChart<Number,String>
。
public class Controller {
final static String performance = "Performance:";
@FXML
NumberAxis xAxis;
@FXML
CategoryAxis yAxis;
@FXML
BarChart<String, Number> bc;
public void initialize(){
xAxis.setLabel("Percent");
xAxis.setTickLabelRotation(90);
yAxis.setLabel("Performance");
XYChart.Series<String, Number> series1 = new XYChart.Series();
series1.getData().add(new XYChart.Data( performance, 80));
bc.getData().add(series1);
}
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.