使用Highcharts拆分条形图

使用Highcharts拆分条形图,charts,highcharts,Charts,Highcharts,我在下面有这个图表,我需要用高图分离条形图的值,如下图所示 如何使用HighCharts实现这一点。谢谢 在我上面的评论的基础上,这里有一个例子,它回答了所问的问题,还将值和增长百分比分为同一图表上的两个单独的图,消除了用双y轴绘制不相关单位时造成的数据模糊(显然,如果愿意,您可以跳过该部分,但我强烈建议将这两个数据元素分开): 类别设置: xAxis: { categories: [ '2008', '2009', '2010', '2011',

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


如何使用HighCharts实现这一点。谢谢

在我上面的评论的基础上,这里有一个例子,它回答了所问的问题,还将值和增长百分比分为同一图表上的两个单独的图,消除了用双y轴绘制不相关单位时造成的数据模糊(显然,如果愿意,您可以跳过该部分,但我强烈建议将这两个数据元素分开):

类别设置:

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

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

小提琴:

输出:

您可以做几件事。1)只需使用空白类别,空点使用空数据值;2) 使用三个不同的x轴,每组一个,每个轴都有自己的类别集,设置每个轴的“左”和“宽度”属性,以实现所需的布局,请参见。美好的谢谢
data: [0, 5.2, 14.6, 0.5, null, 0.5, 5.9, null, 0.5,5.9]