如何制作具有重叠和堆叠列的图表?
我尝试使用两个轴来完成此操作,但我需要两个轴相等。 每个轴的最大值会改变很多次,所以我无法为它们设置最大值。
如何将两个轴设置为相等,或者如何制作只有 1 个轴的图表?
$('#container').highcharts({
chart: { type: 'column' },
yAxis: [{
min: 0,
title: {
text: 'Employees'
}
}, {
title: {
text: 'Profit (millions)'
},
opposite: true
}],
plotOptions: {
column: {
stacking: 'normal',
grouping: false,
shadow: false,
borderWidth: 0
}
},
series: [{
name: 'Employees',
data: [150, 73, 80],
pointPadding: 0.1
},{
name: 'Profit',
data: [183.6, 178.8, 198.5],
pointPadding: 0.1
},
{
name: 'Employees Optimized',
data: [440, 90, 40],
pointPadding: 0.4,
yAxis: 1
}, {
name: 'Profit Optimized',
data: [203.6, 198.8, 208.5],
pointPadding: 0.4,
yAxis:1
}]
});
最佳答案
可以设置多个stack
s 并为所有系列使用单个 yAxis。此外,您还可以保留第二个yAxis
,它将链接到所有系列使用的轴,但放置在绘图区域的另一侧。
JSFiddle:http://jsfiddle.net/aejr2L6e/
关于javascript - Highcharts 重叠和堆积柱,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33900046/