高图线系列不能正确显示堆叠条形组合图
HighCharts line series not displaying properly with stacked bar combo chart
行系列不匹配
$(function () {
$('#container').highcharts({
title: {
text: 'Combination chart'
},
xAxis: {
categories: ['Apples', 'Oranges', 'Pears', 'Bananas', 'Plums']
},
labels: {
items: [{
html: 'Total fruit consumption',
style: {
left: '50px',
top: '18px',
color: (Highcharts.theme && Highcharts.theme.textColor) || 'black'
}
}]
},
plotOptions: {
series: {
stacking: 'normal'
}
},
series: [{
type: 'column',
name: 'Jane',
data: [3, 2, 1, 3, 4],
stack: 0
}, {
type: 'column',
name: 'John',
data: [2, 3, 5, 7, 6],
stack: 0
}, {
type: 'column',
name: 'Joe',
data: [4, 3, 3, 9, 0],
stack: 0
}, {
type: 'line',
name: 'Average',
data: [3, 2.67, 3, 6.33, 3.33],
marker: {
lineWidth: 2,
lineColor: Highcharts.getOptions().colors[3],
fillColor: 'white'
}
}, {
type: 'line',
name: 'Total consumption',
data: [3, 2.67, 3, 6.33, 3.33],
center: [100, 80],
size: 100,
showInLegend: false,
dataLabels: {
enabled: false
}
}]
});
});
这里有一个小提琴来展示我在做什么:
http://jsfiddle.net/tn7b0fb0/这一行的数字是相同的,为什么它们不在彼此的顶部?
如果你打开条形图,它看起来是正确的
从plotOptions中删除stacking: 'normal'
,并在序列级别上单独应用它,仅适用于列序列。
相关文章:
- Highcharts热图显示不正确
- 谷歌组合图过渡动画
- 以角度nvd3折线图显示当前时间
- 使用D3.js单线图显示相同的日期但不同的温度
- ExtJs组合框显示字段编码
- 在highcharts组合图中传递Ajax数据
- 将屏幕截图显示为pdf下载链接
- 谷歌组合图中当前数据的平均线
- 为什么项目符号图显示十进制数,而我们的范围为1
- 比较高图表组合图中工具提示内的两个数据点
- 使 NVD3 饼图显示带小数的百分比
- 如何在组合图中组合平滑线和一条直线
- 为什么 D3 折线图和条形图显示在同一时间
- 谷歌折线图 - 显示为 2K 的年份
- 高图表组合图:覆盖线系列标记的列
- 谷歌图表 饼图显示其他 100% 而不是实际值
- 如何使用Highcharts创建组合图
- GWT组合图绘制
- 点不显示为线/散组合图d3.js
- 高图线系列不能正确显示堆叠条形组合图