[英]Display chart in JavaFX
I tried to rewrite and simplify the oracle tutorial for charts so, that you have a controller class and you work with fxml. 我试图重写并简化图表的Oracle教程,以便拥有控制器类并使用fxml。 For some reason it is not working.
由于某种原因,它不起作用。
Here is my code: Main class: 这是我的代码:主类:
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);
}
}
Controller: 控制器:
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: 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>
It won't display the chart properly, it is just drawing a few lines. 它不会正确显示图表,只是画了几条线。 Why?
为什么? Thank you!
谢谢!
Remove this line from the initialize()
从
initialize()
删除此行
bc = new BarChart<Number,String>(xAxis,yAxis);
You are not supposed to re-initialize any controls which have already been defined in the FXML and have been integrated in the controller via @FXML
annotation. 您不应重新初始化已在FXML中定义并已通过
@FXML
批注集成到控制器中的任何控件。
You also need to replace the following lines for the said reasons 由于上述原因,您还需要替换以下几行
@FXML
NumberAxis xAxis = new NumberAxis();
@FXML
CategoryAxis yAxis = new CategoryAxis();
with 同
@FXML
NumberAxis xAxis;
@FXML
CategoryAxis yAxis;
Again, you need to define the BarChart correctly. 同样,您需要正确定义BarChart。 In the FXML, you have declared the
xAxis
to be a CategoryAxis
and yAxis
to be a NumberAxis
. 在FXML中,已将
xAxis
声明为CategoryAxis
并将yAxis
为NumberAxis
。 But in the controller you have defined a BarChart<Number,String>
. 但是在控制器中,您已经定义了
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.