如何使用实时数据连续更新折线图

我有两个折线图，其中一个折线图即chart1，我正在连续更新值，在其他图表即chart2中，基于chart1的峰值，我正在尝试以显示chart2中chart1的峰值。如果峰值（即4到10）数量较少，那么没有问题，如果峰值更大，那么我的折线图应用程序变得太慢。为了不断更新chart1和chart2中的值，我使用了Animation timer。如何使用实时数据连续更新折线图

下面是很少峰值 enter image description here

下面的图像有更多的峰值，然后我的申请被挂 enter image description here

为了获得更好的性能如何与动画计时器做。

代码更新

在addDataToSeries功能我加入1600个随机值，并在chart1填充值。

在addRffDataToSeries功能，我从你从一些Web服务调用获取数据或阅读一些队列什么都源填充在chart2

private void prepareTimeLine() { 
    timer = new AnimationTimer() { 

     @Override 
     public void handle(long l) { 
      plotData.addDataToSeries(); 

     } 
    }; 

} 

private void startTimer() { 
    timer.start(); 
} 

private void stopTimer() { 
    timer.stop(); 
    System.out.println(" " + lineChart.getData().size()); 
    System.out.println(" " + series.getData().size()); 
    if (lineChart.getData().size() > 0) { 
     series.getData().remove(0, series.getData().size()); 
    } 
} 

private void prepareRffTimeLine() { 
    rffTimer = new AnimationTimer() { 

     @Override 
     public void handle(long l) { 
      rffSeries.getData().remove(0, rffSeries.getData().size()); 
      plotData.addRffDataToSeries(); 
     } 
    }; 

} 

private void startRffTimer() { 
    rffTimer.start(); 
} 

private void stopRffTimer() { 
    rffTimer.stop(); 
    if (rffLineChart.getData().size() > 0) { 
     rffSeries.getData().remove(0, rffSeries.getData().size()); 
    } 
} 

public void addDataToSeries() { 

    double x = 0; 
    double y = 0; 
    int i = 1; 

    seriesXData.clear(); 
    seriesYData.clear(); 
    for (i = 1; i <= 1596; i++) { 
     x = Math.random() * i + 1; 
     y = (Math.random() * ((-100) - (-130))) + -130; 
     seriesXData.add(new XYChart.Data(x, y)); 
     seriesYData.add(new XYChart.Data(x, y)); 
    } 

    seriesXData.add(new XYChart.Data(300.0, -60.0)); 
    seriesXData.add(new XYChart.Data(600.0, -50.0)); 
    seriesXData.add(new XYChart.Data(900.0, -30.0)); 
    seriesXData.add(new XYChart.Data(1300.0, -10.0)); 

    seriesYData.add(new XYChart.Data(300.0, -60.0)); 
    seriesYData.add(new XYChart.Data(600.0, -50.0)); 
    seriesYData.add(new XYChart.Data(900.0, -30.0)); 
    seriesYData.add(new XYChart.Data(1300.0, -10.0)); 

    Collections.sort(seriesXData, new ArrangeXData()); 
    Collections.sort(seriesYData, new ArrangeYData()); 
    series.getData().addAll(seriesXData); 

    if (series.getData().size() > 1600) { 
     series.getData().remove(0, 1600); 
    } 


} 

public void addRffDataToSeries() { 

    Comparator<XYChart.Data<Double, Double>> c = new Comparator<XYChart.Data<Double, Double>>() { 
     @Override 
     public int compare(XYChart.Data<Double, Double> o1, XYChart.Data<Double, Double> o2) { 
      return o1.getYValue().compareTo(o2.getYValue()); 
     } 
    }; 

    int index = Collections.binarySearch(seriesYData, new XYChart.Data<Double, Double>(null, Double.parseDouble(String.valueOf(Line.y))), c); 

    int insertion_point = -(index + 1); 
    if (seriesYData.size() <= 0) { 
     return; 
    } 
    List<XYChart.Data<Double, Double>> res = seriesYData.subList(insertion_point, seriesYData.size()); 

    for (int ind = 0; ind < res.size(); ind++) { 
     for (int pos = Bounds.x; pos > Bounds.y; pos--) { 
      rffSeries.getData().add(new XYChart.Data(res.get(ind).getXValue(), pos)); 
     } 

    } 


}

来源

2015-04-23 pavankumar

......那里应该有个问题吗？ – specializt

@specializt OP想改善代码的性能 – Lrrr

你能展示一些相关的代码吗？ –

峰值。你需要延迟输入数据。可能会有半秒延迟应该没事。这是因为传入浏览器的数据量太大，无法处理。

其次，确保在点移出屏幕后关闭连接，这样可以减少打开的连接数并提高性能。

来源

2015-04-23 09:27:44

如何使用实时数据连续更新折线图

回答

相关问题