HighChart 堆叠条形图滚动条问题
HighChart stacked bar chart scrollbar issue
当启用具有 100 个类别的堆叠条形图和滚动条的 highstock 时,我在开始滚动时看不到图表上的数据。
它适用于多达 50 个类别
https://jsfiddle.net/shashi3337/5xn92uht/1/
function test() {
var data = [];
for (var i = 0; i < 100; i++) {
var value = Math.random() * 10;
var x = {
id: i,
name: 'test ' + i,
y: value
}
data.push(x);
}
return data;
}
$('#container').highcharts({
chart: {
type: 'column',
},
plotOptions: {
column: {
stacking: 'normal'
},
},
xAxis: {
type: 'category',
max: 10
},
scrollbar: {
enabled: true
},
series: [{
name: "A",
data: test()
}, {
name: "B",
data: test()
},
{
name: "C",
data: test()
},
{
name: "D",
data: test()
}
]
});
当我滚动回初始位置时出现此错误
"Cannot read property '0' of undefined" 调整堆积柱形图大小时出错
当您设置 cropThreshold 参数时有效。
plotOptions: {
column: {
stacking: 'normal',
cropThreshold: 10000
},
}
当启用具有 100 个类别的堆叠条形图和滚动条的 highstock 时,我在开始滚动时看不到图表上的数据。 它适用于多达 50 个类别
https://jsfiddle.net/shashi3337/5xn92uht/1/
function test() {
var data = [];
for (var i = 0; i < 100; i++) {
var value = Math.random() * 10;
var x = {
id: i,
name: 'test ' + i,
y: value
}
data.push(x);
}
return data;
}
$('#container').highcharts({
chart: {
type: 'column',
},
plotOptions: {
column: {
stacking: 'normal'
},
},
xAxis: {
type: 'category',
max: 10
},
scrollbar: {
enabled: true
},
series: [{
name: "A",
data: test()
}, {
name: "B",
data: test()
},
{
name: "C",
data: test()
},
{
name: "D",
data: test()
}
]
});
当我滚动回初始位置时出现此错误 "Cannot read property '0' of undefined" 调整堆积柱形图大小时出错
当您设置 cropThreshold 参数时有效。
plotOptions: {
column: {
stacking: 'normal',
cropThreshold: 10000
},
}