有关在HighCharts中使用滑块的问题

时间:2017-05-31 13:57:10

标签: javascript jquery arrays highcharts slider

从下面的JSFiddle可以看出,我试图在几个带有小数据数组的图表上同时测试滑块功能。滑块工作正常,除了折线图的第一个刻度。图表正确初始化并显示正确的起始线系列,当您将滑块向右移动并向后移动时,折线图系列确实正确更改。但是,当您将滑块移回最左侧的起点时,折线图不会完全移回到起始系列。最后一个值应该是268.77,正如您从图表首次初始化时看到的那样,但它会卡在第二行系列上,并且结果值为271.13,即使滑块移回到起始位置也是如此。这是我的滑块代码,适用于饼图:

$("#slider").slider({
value: 0,
min: 0,
max: pieallocations.length - 1,
step: 1,
slide: function(event, ui) {
  finalpie = [];
  for (i = 0, j = 0; i < funds.length, j < pieallocations.length; i++, j++) 
  {
    finalpie.push({
      name: funds[i],
      y: pieallocations[ui.value][j]
    });
  }
  finalline = lineseries[ui.value];
  piechart.series[0].setData(finalpie);
  linechart.series[0].setData(finalline);
}
});

另外,我是否有一种有效的方法将这些带有子数组的数组嵌入到CSV或JSON文件中以进行外部查询,而不是将数据包含在图表代码本身中?

http://jsfiddle.net/ksalehizadeh/cwd3cknq/1/

非常感谢。

0 个答案:

没有答案