使用Highcharts拆分条形图

时间:2016-08-23 11:45:55

标签: charts highcharts

我在下面有这个图表,我需要使用Highcharts分隔条形图的值,如下图所示

enter image description here

如何使用HighCharts实现这一目标。谢谢!

1 个答案:

答案 0 :(得分:1)

扩展我上面的评论,这是一个回答问题的示例,并将值和增长百分比分成同一图表上的两个单独的图,消除了将不相关的单位绘制在一起所造成的数据混淆使用双y轴(显然,如果需要,可以跳过该部分,但我强烈建议将这两个数据元素分开):

类别设置:

xAxis: {
  categories: [
    '2008', 
    '2009', 
    '2010', 
    '2011', 
    '', 
    'YTDDec2011', 
    'YTDDec2012', 
    '', 
    'MATDec2011', 
    'MATDec2012'
  ]
}

数据设置:

data: [1638, 1723, 1974, 1983, null, 1983, 2100, null, 1983, 2100]

data: [0, 5.2, 14.6, 0.5, null, 0.5, 5.9, null, 0.5,5.9]

小提琴:

输出: screenshot