javascript - Highcharts 更改数据集

Question

此问题使用 Highcharts API。我正在使用 Highcharts 开发一个图表，该图表根据用户的选项选择进行填充。此功能完全按照我的预期工作，除了下面特定行的 Uncaught TypeError: Cannot read property 'data' of undefined 错误:

 update[t].addPoint(listrepeat.classmakeup[t].studentsize);

下面是我的 JSFiddle

https://jsfiddle.net/4ufoj5cx/1/

代码完美运行。但是，我想知道我做错了什么导致此错误消息显示在我的控制台上。

Answer 1

该错误是由于 select 更改时重复 setInterval 造成的。您必须使用 clearInterval() 清除之前的 setInterval。休息一切都很好。

function opmiddle(listreader){
    classcat.addEventListener('change', function(){
        opend(listreader);
        clearInterval(previousInterval); //you have to clear previous setInterval 
  });
  classcat.innerHTML += "<option>--</option>";
  for (i = 0; i < listreader.school.length; i++){
    classcat.innerHTML += "<option>"+listreader.school[i].directory+"</option>";
  }
}

Fiddle演示