Update charts into FlowPane

Question

I want to store Linecharts into FlowPane which I want to update using Service. I created this example:
public class MainApp extends Application
    @Override
    public void start(Stage stage) throws Exception
        Scene scene = new Scene(panels());
        stage.setTitle("JavaFX and Maven");
        stage.setScene(scene);
        stage.show();
    public static void main(String[] args)
        launch(args);
    private FlowPane flow = new FlowPane();
    private BorderPane bp;
     * @return
    private ScrollPane panels()
        flow.setPadding(new Insets(50, 5, 5, 5));
        flow.setStyle("-fx-background-color: white;");
        flow.setVgap(15);
        flow.setHgap(15);
        flow.setAlignment(Pos.CENTER);
        ScrollPane scroll = new ScrollPane();
        scroll.setStyle("-fx-background-color: transparent; -fx-background-insets:0; -fx-border-width:0; -fx-border-insets:0;");
        Rectangle2D primaryScreenBounds = Screen.getPrimary().getVisualBounds();
        scroll.setPrefSize(primaryScreenBounds.getWidth(), primaryScreenBounds.getHeight());
        scroll.setHbarPolicy(ScrollPane.ScrollBarPolicy.AS_NEEDED);    // Horizontal scroll bar
        scroll.setVbarPolicy(ScrollPane.ScrollBarPolicy.AS_NEEDED);    // Vertical scroll bar
        scroll.setContent(flow);
        scroll.viewportBoundsProperty().addListener(new ChangeListener<Bounds>()
            @Override
            public void changed(ObservableValue<? extends Bounds> ov, Bounds oldBounds, Bounds bounds)
                flow.setPrefWidth(bounds.getWidth());
                flow.setPrefHeight(bounds.getHeight());
        initTest();
        addMonitoringService();
        return scroll;
    private BorderPane generatePanel()
        // BorderPane
        HBox thb = new HBox();
        thb.setPadding(new Insets(8, 10, 8, 10));
        thb.setStyle("-fx-background-color: linear-gradient(to bottom, #E9E9E9, #f2f2f2);");
        Text title = new Text("Test");
        title.setFont(Font.font("Verdana", 13));
        title.setFill(Color.BLACK);
        thb.getChildren().add(title);
        HBox bhb = new HBox();
        bhb.setPadding(new Insets(10, 10, 10, 10));
        bhb.setStyle("-fx-background-color: #B0B0B0;");
        DropShadow ds = new DropShadow();
        ds.setOffsetY(1.0);
        ds.setOffsetX(1.0);
        ds.setColor(Color.GRAY);
        BorderPane bp = new BorderPane();
        bp.setEffect(ds);
        bp.setCache(true);
        bp.setPrefSize(320, 180);
        bp.setMaxSize(320, 180);
        bp.setStyle("-fx-background-color: linear-gradient(to bottom, #FAFAFA, #EAEAEA);"
            + " -fx-border-width: 2px; -fx-border-style: solid; -fx-border-color: white;");
        bp.setTop(thb);
        LivePerformanceChart zz = new LivePerformanceChart();
        bp.setCenter(zz.init("Test"));
        VBox vbox = new VBox(bp);
        vbox.setPadding(new Insets(10, 10, 10, 10));
        return bp;
    public void addMonitoringService()
        flow.getChildren().add(generatePanel());
        for (int i = 0; i < 4; i++)
            flow.getChildren().add(generatePanel());
    public void initTest()
        service.setDelay(new Duration(300));
        service.setPeriod(new Duration(1000));
        service.setOnSucceeded(new EventHandler<WorkerStateEvent>()
            @Override
            public void handle(final WorkerStateEvent workerStateEvent)
        service.setOnFailed(new EventHandler<WorkerStateEvent>()
            @Override
            public void handle(WorkerStateEvent t)
        service.start();
    private final DataService service = new DataService();
    class DataService extends ScheduledService<Void>
        @Override
        protected Task<Void> createTask()
            return new Task<Void>()
                @Override
                protected Void call() throws Exception
                    for (int i = 0; i < flow.getChildren().size(); i++)
                        if (flow.getChildren().get(i) instanceof LivePerformanceChart)
                            LivePerformanceChart obj = (LivePerformanceChart) flow.getChildren().get(i);
                            obj.insertData(111);
                    return null;
LineChart
public class LivePerformanceChart extends Node
    private BorderPane bp;
    public LivePerformanceChart()
    private static final int MAX_DATA_POINTS = 50;
    private Series series;
    private int xSeriesData = 0;
    private final ConcurrentLinkedQueue<Number> dataQ = new ConcurrentLinkedQueue<>();
    private NumberAxis xAxis;
    private String type = "line";
    public String getType()
        return type;
    public void setType(String type)
        this.type = type;
     * @param name
     * @return
    public AreaChart<Number, Number> init(String name)
        xAxis = new NumberAxis(0, MAX_DATA_POINTS, MAX_DATA_POINTS / 10);
        xAxis.setForceZeroInRange(false);
        xAxis.setAutoRanging(false);
        xAxis.setTickLabelsVisible(false);
        xAxis.setTickMarkVisible(false);
        xAxis.setMinorTickVisible(false);
        NumberAxis yAxis = new NumberAxis();
        yAxis.setAutoRanging(true);
        // Chart
        final AreaChart<Number, Number> sc = new AreaChart<>(xAxis, yAxis);
        sc.setAnimated(false);
        sc.setId("liveAreaChart");
        sc.setTitle(name);
        // Chart Series
        series = new AreaChart.Series<>();
        series.setName(name);
        sc.getData().add(series);
        // Prepare Timeline
        prepareTimeline();
        return sc;
     * Update chart values
     * @param value
    public void insertData(int value)
        dataQ.add(value);
    // Timeline gets called in the JavaFX Main thread
    private void prepareTimeline()
        // Every frame to take any data from queue and add to chart
        new AnimationTimer()
            @Override
            public void handle(long now)
                addDataToSeries();
        }.start();
    private void addDataToSeries()
        for (int i = 0; i < 20; i++)
        { // Add 20 numbers to the plot+
            if (dataQ.isEmpty())
                break;
            series.getData().add(new AreaChart.Data(xSeriesData++, dataQ.remove()));
        // remove points to keep us at no more than MAX_DATA_POINTS
        if (series.getData().size() > MAX_DATA_POINTS)
            series.getData().remove(0, series.getData().size() - MAX_DATA_POINTS);
        // update
        xAxis.setLowerBound(xSeriesData - MAX_DATA_POINTS);
        xAxis.setUpperBound(xSeriesData - 1);
    @Override
    protected NGNode impl_createPeer()
        throw new UnsupportedOperationException("Not supported yet."); //To change body of generated methods, choose Tools | Templates.
    @Override
    public BaseBounds impl_computeGeomBounds(BaseBounds bounds, BaseTransform tx)
        throw new UnsupportedOperationException("Not supported yet."); //To change body of generated methods, choose Tools | Templates.
    @Override
    protected boolean impl_computeContains(double localX, double localY)
        throw new UnsupportedOperationException("Not supported yet."); //To change body of generated methods, choose Tools | Templates.
    @Override
    public Object impl_processMXNode(MXNodeAlgorithm alg, MXNodeAlgorithmContext ctx)
        throw new UnsupportedOperationException("Not supported yet."); //To change body of generated methods, choose Tools | Templates.
So basically I want to insert all charts into the FlowPane and then every second to us the Service to update the charts by calling the method insertData
but nothing happens. I tried to extend the custom class with Node in order to insert it into FlowPane nut the chart is empty.
Can you help me to fix this example?

Answer 1

Any help is highly appreciated. I need to solve this problem.