Javascript Highcharts在某些缩放级别不显示数据
我使用Highcharts/Highstock绘制了相当大的数据量(~10000点)。数据由X轴上的日期对象和Y轴上的浮动对象组成,格式如下:Javascript Highcharts在某些缩放级别不显示数据,javascript,highcharts,data-visualization,highstock,Javascript,Highcharts,Data Visualization,Highstock,我使用Highcharts/Highstock绘制了相当大的数据量(~10000点)。数据由X轴上的日期对象和Y轴上的浮动对象组成,格式如下:[[(日期),1.728],(日期),0.346],…]。日期总是相隔1小时,数据中没有空白 当图表的范围>=21天时(至少21天的数据被绘制成图表),图表将正确显示。但是,当范围小于该值时,图表将变为空白,工具提示将每个点显示为Y值为0.0。这些点的Y值确实存在于数组中(我可以在Firebug中看到它们),但它们没有显示在图表上。下面是我初始化它的方式:
[[(日期),1.728],(日期),0.346],…]
。日期总是相隔1小时,数据中没有空白
当图表的范围>=21天时(至少21天的数据被绘制成图表),图表将正确显示。但是,当范围小于该值时,图表将变为空白,工具提示将每个点显示为Y值为0.0。这些点的Y值确实存在于数组中(我可以在Firebug中看到它们),但它们没有显示在图表上。下面是我初始化它的方式:
mainChart = new Highcharts.StockChart({
chart: {
renderTo: 'linegraph'
},
rangeSelector: {
buttons: [{
type: 'day',
count: 1,
text: '1 d'
}, {
type: 'week',
count: 1,
text: '1 wk'
}, {
type: 'month',
count: 1,
text: '1 mo'
}, {
type: 'year',
count: 1,
text: '1 yr'
}, {
type: 'all',
text: 'All'
}],
selected: 2
},
series: [{
name: 'Electricity usage (kWh)',
data: graphData,
tooltip: {
valueDecimals: 2,
valueSuffix: "kWh"
}
}],
});
事实证明,您不能在数据的X轴上使用日期。相反,请使用日期的Unix时间戳:
date.getTime()
。FloppyDisk为我指出了正确方向的主要道具。我也有同样的问题,但在X轴上有时间戳是一切正常的
通过升序排序解决了这个问题(首先以相反的顺序提供)。我有一个非常类似的错误(>=1.2年才能显示我的数据),我在Highcharts论坛上发布了一个帖子。看,我在放大一个大于300点的图时遇到了类似的问题。通过按照您的建议将排序顺序从降序改为升序,我现在可以放大更大的数据集。谢谢我不知道300的意义是什么,为什么