How to add Line Chart in javafx 2.2 FXML?

Question

I'm using javaFX scene builder 1.0. The LineChart component is not working for FXML ,I'm added a linechart component in FXML and initialized it in corresponding controller class. it displays the gui as default linechart ,when i'm adding some values of x and y using obsevablelist in the java controller class, it is not updating in the Linechart gui.

Answer 1

It's hard to say for sure without seeing the complete markup and controller code, but it looks like you are replacing the "graph" instance you declare in markup with a new one you create in code:
graph = new LineChart(xAxis, yAxis, lineChartData);Rather than creating a new chart, try declaring the chart with the axes you want in markup, and then call setData() on it instead of creating a new one:
<Scene fx:controller="test.LineChartTestController" xmlns:fx="http://javafx.com/fxml">
    <LineChart fx:id="graph">
        <xAxis><NumberAxis label="Values for X-Axis" lowerBound="0" upperBound="3" tickUnit="1"/></xAxis>
        <yAxis><NumberAxis label="Values for Y-Axis" lowerBound="0" upperBound="3" tickUnit="1"/></yAxis>
    </LineChart>
</Scene>
public class LineChartTestController {
    @FXML private LineChart<Double, Double> graph;
    @FXML
    protected void initialize() {
        ObservableList<XYChart.Series<Double, Double>> lineChartData = FXCollections.observableArrayList();
        LineChart.Series<Double, Double> series1 = new LineChart.Series<Double, Double>();
        series1.setName("Series 1");
        series1.getData().add(new XYChart.Data<Double, Double>(0.0, 1.0));
        series1.getData().add(new XYChart.Data<Double, Double>(1.2, 1.4));
        series1.getData().add(new XYChart.Data<Double, Double>(2.2, 1.9));
        series1.getData().add(new XYChart.Data<Double, Double>(2.7, 2.3));
        series1.getData().add(new XYChart.Data<Double, Double>(2.9, 0.5));
        lineChartData.add(series1);
        LineChart.Series<Double, Double> series2 = new LineChart.Series<Double, Double>();
        series2.setName("Series 2");
        series2.getData().add(new XYChart.Data<Double, Double>(0.0, 1.6));
        series2.getData().add(new XYChart.Data<Double, Double>(0.8, 0.4));
        series2.getData().add(new XYChart.Data<Double, Double>(1.4, 2.9));
        series2.getData().add(new XYChart.Data<Double, Double>(2.1, 1.3));
        series2.getData().add(new XYChart.Data<Double, Double>(2.6, 0.9));
        lineChartData.add(series2);
        graph.setData(lineChartData);
        graph.createSymbolsProperty();
}