我填充了最多三个系列的高价图表。只有三个系列的图表在控制台中显示错误:
控制台代码段:
我知道发送的数据不是问题;如果我改变了系列的顺序,它总是将最后一个(第三个)渲染为错误的那个。
有趣的是,如果我调整窗口大小或显示并隐藏其他系列之一,那么显然失败的系列会正确显示!?
这显然是出现错误的地方:
pointStart:b.xData [0]
xData必须是未定义的,但如何?发送的数据很好。
以下是我如何呈现三个系列中的每一个:
if (seriesData[0].length != 0) {
flowDataChart.addSeries({
name: 'Local Log Data',
data: seriesData[0],
zIndex: 10,
tooltip: {
valueSuffix: ' Ml/day'
}
}, false);
};
if (seriesData[1].length != 0) {
flowDataChart.addSeries({
name: 'Ultrasonic / Probe Data',
data: seriesData[1],
zIndex: 20,
tooltip: {
valueSuffix: ' Ml/day'
}
}, false);
};
if (seriesData[2].length != 0) {
flowDataChart.addSeries({
name: $('#DownloadDataDropDown option[value="uploadFile"]').text(),
data: seriesData[2],
zIndex: 30,
tooltip: {
valueSuffix: ' Ml/day'
}
}, false);
}
在此示例中,seriesData [2]无法正确加载。
在添加系列之后,我重新绘制了图表。
这里发生了什么?
更新
这是我写的一个jsfiddle遭受同样的问题 - http://jsfiddle.net/GMason/k61rpakx/8/