在某些缩放级别不显示数据的图表
Highcharts not displaying data at some zoom levels
我正在使用Highcharts/Highstock来绘制相当大量的数据(~10,000点)。数据由 X 轴上的 Date 对象和 Y 轴上的浮点数组成,格式如下:[[(date), 1.728], [(date), 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 轴上的时间戳上一切都很正常。
通过按升序对数据进行排序来解决它(首先以相反的顺序提供)。
事实证明,您不能在数据的 X 轴中使用日期。相反,请使用日期的 Unix 时间戳:Date.getTime()
。FloppyDisk的主要道具为我指明了正确的方向。
相关文章:
- 如何将json数据显示为html
- 解耦按钮(两个按钮同时切换),并根据数据显示相应的按钮
- 将json提要数据显示为html
- 使用Ajax Get方法将数据显示到特定元素中
- 如何将数据显示为线性highChart
- Json显示来自网站的数据显示仅未定义
- 使 ajax 请求和成功数据显示在 id <选择>选择>部分中
- 在按钮单击时将图像URL数据显示到弹出框中,而无需禁用背景
- 如何在循环中将 json 数据显示为 HTML
- 如何使用javascript在html中将firebase数据显示为列表
- PHP同时循环数组数据显示到javascript中
- 原始图像数据显示
- 如何在 y 轴上将数据显示为 KB、MB、GB、TB
- Ajax 数据显示在包含 10 行的表中
- 如何让 Mathjax.js 与 ANCII.js 将附加的 json 数据显示为正确的公式
- 调用 Worklight 适配器并将列表视图中的 JSON 数据显示为字符串
- Jquery/Javascript Datatables : 如何在行选择时将行数据显示到 html 文本字段中
- 双击 td 时,如何在警告框中将数据库中的数据显示为 html 表
- 日期之间的数据显示所有头
- 如何使用模板中的数据显示谷歌地图