我正在尝试做一些非常简单的事情,即在柱形图上有4个不同颜色的列,并将每个列作为图例中的单独项目。
到目前为止,我发现这样做的最好方法是为我不希望它们显示的每个类别解析空值,然后允许分组,以便它们可以在每个点上集中重叠X轴。
这确实有效,但我想知道是否有更好的方法来实现相同而不是在我的系列中包含0值?
包括一个小提琴,所以你可以看到我的意思:http://jsfiddle.net/mkw04uy4/1/
数据部分显示了我在做什么。
$(function () {
$('#container').highcharts({
chart: {
type: 'column'
},
title: {
text: 'Category Testing'
},
xAxis: {
type: 'category',
categories: ['Cat 1', 'Cat 2', 'Cat 3', 'Cat 4']
},
yAxis: {
min: 0,
title: {
text: 'Count'
}
},
plotOptions: {
column: {
pointPadding: 0.2,
borderWidth: 0,
grouping: false
}
},
series: [{
name: 'Cat 1',
data: [230, 0, 0, 0]
}, {
name: 'Cat 2',
data: [0, 800, 0, 0]
}, {
name: 'Cat 3',
data: [0, 0, 670, 0]
}, {
name: 'Cat 4',
data: [0, 0, 0, 1200]
}]
});
});