javascript - anychart.stepLine() 的数据操作

Question

我创建了anychart.stepLine()。我想要流式传输数据。现在我可以做到这一点，但我必须删除最后一个系列(否则我已经画了很多系列)。我想添加新数据并绘制缺失的部分 - 而不是绘制新图表。

这是我的代码:data - 包含开始数据的数组，allData - 包含我想要添加到单击按钮的数据的数组

var chart = anychart.stepLine();
var series = chart.stepLine(data);
series.stepDirection("forward");

function startStream() {
  var myVar =  setInterval( function() {
    var index = searchIndex(allData,data[data.length-1][0]);
    for (var i = index; i < index + 3; i++) {
      console.log(data.length)
      if (i < allData.length) {
        data.push(allData[i]);
        chart.removeSeriesAt(chart.getSeriesCount()-1)
        chart.stepLine(data)
      } else {
        console.log("Koniec allData");
        clearInterval(myVar);
      }
    }
  }, 800);
}

function searchIndex(array, item) {
  for (var i = array.length-1; i >= 0; i--) {
    if (array[i][0] == item ) {
      return i;
    }
  }
}

我想将 chart.removeSeriesAt(chart.getSeriesCount()-1) 从类似 table.add(newData) 的内容更改 - 但是 series .addData 不起作用，并将 chart.removeSeriesAt(chart.getSeriesCount()-1) 更改为 chart.series(newData) - 绘制一个新系列.

是否可以画出缺失的一 block ？或者这是我目标的最佳解决方案？

Answer 1

当您使用带有stepLine系列的笛卡尔图表时，您可以使用append()向该系列添加新点。方法逐点进行。如果您将使用带有stepLine系列的股票图表，您将拥有更多使用数据表的能力。它支持addData()方法，您将能够通过一个方法调用添加多个新点。