javascript - 通过更改绘图数据更新浮点图

Question

我想通过更改系列中的一个值来更新 float 图，并且相应的绘图也应该根据更改后的值进行更新。我的 x 轴是日期和时间，y 轴是计数。

在上图中，它解释了我到底想要什么。

function fnUpdateGraph(isNew,isUndo,isRedo){
 if(selectednodeid==undefined){
  showdialog(message.information,messages.informatio,"No nodes selected",null,false);
  return false;
 }
 var newHeadDate=new Date();
 var updateDate=document.getElementById("txt_node_head_date").value.split("-",3);
 newHeadDate.setDate(updateDate[0]);
 newHeadDate.setDate(+updateDate[1]-1);
 newHeadDate.setDate(updateDate[2]);
 var updateTime=document.getElementById("txt_node_head_time").value.split(":",2);
 newHeadDate.setHours(updateTime[0],updatetime[1],0,0);
 var maxNodeId=vehicle[selectedvehicle].length;
 if(selectedNodeId<maxNodeID){
  if(newHeadDate.getTime()>=new Date(vehicle[selectedvehicle][selectedNodeId+1].headDate).getTime()){
   plot.setData();
   plot.setupGrid();
   plot.draw();
   return;
  }
 }

我在定义 updateGraph 函数的地方添加了一部分代码。为了用更改后的值绘制图表，需要进行哪些更改。

Answer 1

您需要结合使用 plot.getData 和 plot.setData(参见文档 here)。 getData 将返回一系列系列，循环这些系列，直到找到感兴趣的点并修改值。然后调用setData、setupGrid和draw。

var someData = somePlot.getData();
// loop first series
for (var i = 0; i < someData[0].data.length; i++) {
  // the data member of the series contains x/y point data
  // look at X values until you find the one you want
  if (someData[0].data[i][0] == someSearchXValue) {
     someData[0].data[i][2] = someNewYValue;
     plot.setData(someData);
     plot.setupGrid();
     plot.draw();
     return;
  }
}

这是一个 fiddle demonstration .