HighStock:放大到更大范围时数据系列丢失
HighStock: data series missing when zoom to larger range
我试图在 highstock 中绘制多个系列,但是当我放大到更大的 range/period 时,其中一个系列会消失。我不知道为什么?看看我的代码。如果你能告诉我我在哪里犯了错误以及解决方案是什么,我将不胜感激。
使用范围选择器:
"Extra1" 当鼠标悬停在 1 米、3 米、6 米和 YTD 上时,信息将显示在工具提示上。但是,'1y'和'All'会显示Extra1信息未定义或消失。
使用滚动条/导航器:
"Extra1" 只有在使用导航器放大 1 年或更短时期内的日期范围时,才会显示信息。
$(function() {
var series1Data = [];
for (var i = 0; i < 1000; i++) {
series1Data.push({
x: (new Date()).getDate() + i * 100000000,
y: Math.random() * 100,
extra1: Math.random() * 100
});
}
var series2Data = [];
for (var i = 0; i < 1001; i++) { //If you change this back to 1000 the series gets rendered
series2Data.push({
x: (new Date()).getDate() + i * 100000000,
y: Math.random() * 100 + 100,
extra1: Math.random() * 100
});
}
$('#container').highcharts('StockChart', {
chart: {},
tooltip: {
crosshairs: true,
//shared: true,
valueDecimals: 2,
pointFormat: '<span style="color:{series.color}">{series.name}</span>: <br/>x:<b>{point.x}</b> <br/>y:<b>{point.y}</b> <br/>extra1:<b>{point.extra1}</b> <br/>'
},
colors: ['#b30000', '#0000ff'],
plotOptions: {
series: {
turboThreshold: 0 //larger threshold or set to 0 to disable
}
},
series: [{
name: 'Series 1 ;-)',
data: series1Data
}, {
name: 'Series 2 :-(',
data: series2Data
}]
});
});
这与数据分组有关。在 1y / All 中,数据被分组,因此所有自定义参数都被忽略,因为 Highstock 不知道自定义字段的近似值。解决方案是禁用 dataGrouping.
plotOptions:{
series: {
dataGrouping: {
enabled: false
}
}
}
我试图在 highstock 中绘制多个系列,但是当我放大到更大的 range/period 时,其中一个系列会消失。我不知道为什么?看看我的代码。如果你能告诉我我在哪里犯了错误以及解决方案是什么,我将不胜感激。
使用范围选择器: "Extra1" 当鼠标悬停在 1 米、3 米、6 米和 YTD 上时,信息将显示在工具提示上。但是,'1y'和'All'会显示Extra1信息未定义或消失。
使用滚动条/导航器: "Extra1" 只有在使用导航器放大 1 年或更短时期内的日期范围时,才会显示信息。
$(function() {
var series1Data = [];
for (var i = 0; i < 1000; i++) {
series1Data.push({
x: (new Date()).getDate() + i * 100000000,
y: Math.random() * 100,
extra1: Math.random() * 100
});
}
var series2Data = [];
for (var i = 0; i < 1001; i++) { //If you change this back to 1000 the series gets rendered
series2Data.push({
x: (new Date()).getDate() + i * 100000000,
y: Math.random() * 100 + 100,
extra1: Math.random() * 100
});
}
$('#container').highcharts('StockChart', {
chart: {},
tooltip: {
crosshairs: true,
//shared: true,
valueDecimals: 2,
pointFormat: '<span style="color:{series.color}">{series.name}</span>: <br/>x:<b>{point.x}</b> <br/>y:<b>{point.y}</b> <br/>extra1:<b>{point.extra1}</b> <br/>'
},
colors: ['#b30000', '#0000ff'],
plotOptions: {
series: {
turboThreshold: 0 //larger threshold or set to 0 to disable
}
},
series: [{
name: 'Series 1 ;-)',
data: series1Data
}, {
name: 'Series 2 :-(',
data: series2Data
}]
});
});
这与数据分组有关。在 1y / All 中,数据被分组,因此所有自定义参数都被忽略,因为 Highstock 不知道自定义字段的近似值。解决方案是禁用 dataGrouping.
plotOptions:{
series: {
dataGrouping: {
enabled: false
}
}
}