从下面的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/
非常感谢。