(谷歌翻译)
我有一个图表,如果点的数量很低(或者只显示缩放的部分),效果会很好。但在这个例子中,有5000多个,看起来并不好。
$(function () {
data = load();
$('#container').highcharts('StockChart', {
chart: {
zoomType: 'x'
},
rangeSelector: { enabled: false },
navigator: { enabled: false },
xAxis: {
type: 'datetime',
dateTimeLabelFormats: {
second: '%d/%m/%y',
minute: '%d/%m/%y',
hour: '%d/%m/%y',
day: '%d/%m/%y',
week: '%d/%m/%y',
month: '%d/%m/%y',
year: '%d/%m/%y'
},
},
yAxis: {
opposite: false,
gridLineDashStyle: 'Dot',
gridLineColor: '#CCCCCC',
min: -1,
max: 2,
labels: {
formatter: function() {
var lab = ['No OK', 'OK'];
return lab[this.value] || '';
}
}
},
series : [{
name : 'test',
turboThreshold: 6000,
marker : {
enabled : true,
radius : 2,
symbol: 'circle'
},
data : data
}]
});
});
function load(){
return [
{"x":1420167601000,"y":1},
{"x":1420167602000,"y":1},
{"x":1420167603000,"y":1},
{"x":1420167604000,"y":1},
{"x":1420167605000,"y":1},
{"x":1420167606000,"y":1},
{"x":1420167607000,"y":1},
{"x":1420167608000,"y":0},
{"x":1420167609000,"y":1},
{"x":1420167610000,"y":1},
{"x":1420167611000,"y":0},
{"x":1420167612000,"y":1},
...
... an so on ( for one year points ~5000 items ) ....
... 95% of them are 1. 5% of them are 0 ...
...
];
}fiddle > Complete example
该系列的值只能为0或1
但是,您可以在图中看到,如0.9
为什么?我需要尊重0和1的值
发布于 2016-01-31 05:39:19
我自己找到了答案。
问题出在serie.dataGrouping配置上。
在我的例子中,我需要它保持禁用状态,或者在近似值=低的情况下启用它
然后:
...
series : [{
name : 'test',
turboThreshold: 6000,
dataGrouping: { enabled: false },
marker : {
enabled : true,
radius : 2,
symbol: 'circle'
},
data : data
}]
...https://stackoverflow.com/questions/35103502
复制相似问题