![](/img/trans.png)
[英]JavaFX: How to deserialize dynamically create Area Chart Series?
[英]JavaFX: How to add serveral series dynimically on Area Chart and delete line(series) from chart?
我正在使用JavaFX的区域图。 我想在用户将在文本字段中输入值并按添加按钮之后动态添加系列。 我还想在其中添加删除和撤消功能。 例如,如果“面积图”上有多条线,每条线代表系列,则删除功能的工作原理是,用户可以通过单击该行并单击“删除”按钮来删除所需的任何行。 我还想添加撤消功能,以便用户可以撤消其操作。
界面是这样的:
例如,用户可以通过填充文本字段来绘制这样的线条:
现在,假设用户要删除红色系列,我想要的是用户单击它,然后单击“删除”按钮,它将删除红色系列,如下所示:
到目前为止,我已经尝试过了:
import javafx.event.EventHandler;
import javafx.fxml.FXML;
import javafx.scene.Node;
import javafx.scene.chart.AreaChart;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.XYChart;
import javafx.scene.control.TextField;
import javafx.scene.input.MouseEvent;
public class SampleController {
@FXML
private NumberAxis xAxis;
@FXML
private NumberAxis yAxis;
@FXML
private AreaChart<Number, Number> areaChart;
@FXML
private TextField txtSt;
@FXML
private TextField txtEt;
@FXML
private TextField txtNb;
public void initialize() {
areaChart.setTitle("Chronos");
xAxis.setLabel("Heures");
yAxis.setLabel("Employés");
}
//Button add functionality
@FXML
private void generateGraph() {
//double start = Double.parseDouble(txtSt.getText());
double end = Double.parseDouble(txtEt.getText());
int numberEmployees = Integer.parseInt(txtNb.getText());
XYChart.Series<Number, Number> series= new XYChart.Series<>();
for (double start = Double.parseDouble(txtSt.getText()); start<=end; start++) {
series.getData().add(new XYChart.Data<Number, Number>(start, numberEmployees));
}
// Add Series to AreaChart.
areaChart.getData().add(series);
//Mouse click even for series
setOnMouseEventsOnSeries(series.getNode(),
areaChart, "Series is clicked");
}
private void setOnMouseEventsOnSeries(Node node,
final AreaChart chart, final String label) {
node.setOnMouseClicked(new EventHandler<MouseEvent>() {
@Override
public void handle(MouseEvent t) {
chart.setTitle(label);
}
});
}
}
FXML文件:
<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.chart.AreaChart?>
<?import javafx.scene.chart.NumberAxis?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.TextField?>
<?import javafx.scene.layout.HBox?>
<?import javafx.scene.layout.VBox?>
<VBox alignment="CENTER" prefHeight="800.0" prefWidth="800.0" xmlns="http://javafx.com/javafx/8.0.111" xmlns:fx="http://javafx.com/fxml/1" fx:controller="application.SampleController">
<children>
<AreaChart fx:id="areaChart" prefHeight="799.0" prefWidth="800.0" VBox.vgrow="ALWAYS">
<xAxis>
<NumberAxis autoRanging="false" minorTickCount="1" minorTickLength="1.0" side="BOTTOM" tickLabelGap="1.0" tickLength="1.0" tickUnit="1.0" upperBound="24.0" fx:id="xAxis" />
</xAxis>
<yAxis>
<NumberAxis fx:id="yAxis" autoRanging="false" minorTickLength="1.0" side="LEFT" tickLabelGap="1.0" tickUnit="1.0" upperBound="10.0" />
</yAxis>
</AreaChart>
<HBox alignment="CENTER" prefHeight="193.0" prefWidth="800.0">
<children>
<TextField fx:id="txtSt" promptText="Start Value" />
<TextField fx:id="txtEt" promptText="End Value" />
<TextField fx:id="txtNb" promptText="Number of Employees" />
</children>
</HBox>
<HBox alignment="CENTER" prefHeight="71.0" prefWidth="800.0">
<children>
<Button mnemonicParsing="false" onAction="#generateGraph" prefHeight="31.0" prefWidth="137.0" text="Add" />
<Button layoutX="342.0" layoutY="12.0" mnemonicParsing="false" prefHeight="31.0" prefWidth="137.0" text="Delete" />
<Button layoutX="410.0" layoutY="12.0" mnemonicParsing="false" prefHeight="31.0" prefWidth="137.0" text="Undo" />
</children>
</HBox>
</children>
</VBox>
请有人指导我如何实现这些功能。
这应该可以帮助您入门。 我添加了一个ArrayList
来跟上已添加到Chart
Series
。 注释在代码中。 您可以弄清楚如何从ArrayList
和/或Chart
删除/删除项目,或者如何从ArrayList
删除项目,然后更新Chart
。
import java.net.URL;
import java.util.ArrayList;
import java.util.ResourceBundle;
import javafx.event.EventHandler;
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.Node;
import javafx.scene.chart.AreaChart;
import javafx.scene.chart.XYChart;
import javafx.scene.control.TextField;
import javafx.scene.input.MouseEvent;
/**
*
* @author blj0011
*/
public class FXMLDocumentController implements Initializable {
// @FXML
// private NumberAxis xAxis;
// @FXML
// private NumberAxis yAxis;
@FXML
private AreaChart<Number, Number> areaChart;
@FXML
private TextField txtSt;
@FXML
private TextField txtEt;
@FXML
private TextField txtNb;
ArrayList<XYChart.Series<Number, Number>> seriesContainer = new ArrayList();//Use an ArrayList to hold new Series!
//Button add functionality
@FXML
private void generateGraph() {
Double start = Double.parseDouble(txtSt.getText());
Double end = Double.parseDouble(txtEt.getText());
double numberEmployees = Integer.parseInt(txtNb.getText());
XYChart.Series<Number, Number> series= new XYChart.Series<>();
for (int i = start.intValue(); i <= end.intValue(); i++) {
series.getData().add(new XYChart.Data(i, numberEmployees));
}
// Add Series to series container.
seriesContainer.add(series);
//Add only new series to AreaChart
for(XYChart.Series<Number, Number> entry : seriesContainer)
{
if(!areaChart.getData().contains(entry))
{
areaChart.getData().add(entry);
}
}
}
private void setOnMouseEventsOnSeries(Node node,
final AreaChart chart, final String label) {
node.setOnMouseClicked(new EventHandler<MouseEvent>() {
@Override
public void handle(MouseEvent t) {
chart.setTitle(label);
}
});
}
@Override
public void initialize(URL location, ResourceBundle resources) {
areaChart.setTitle("Chronos");
areaChart.getXAxis().setLabel("Heures");
areaChart.getYAxis().setLabel("Employés");
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.