删除相同父类别上的空间|分组类别Highcharts

Question

我有一个图表使用分组类别highcharts，我有succesfull使图表，但我有点问题。

示例图表：Fiddle here

它能够除去具有相同父列之间的空间/或改变的空间，所以这将是彼此接近？

在例如

：

apple, banana, orange = group as fruit 

    carrot, potato, tomato = group as vegetable 

    cod, salmon, tuna  = group as fish 

我想：

between apple, banana, orange the column is near 
and between orange - carrot is still have space. 

我曾试图改变风格，但我仍然无法弄清楚。

感谢

Answer 1

您可以使用在内部和verticalAlign plotOptions这些选项，以显示在底部标贴。

plotOptions: { 
    series: { 
    dataLabels: { 
     enabled: true, 
     inside: true, 
     verticalAlign: 'bottom', 
     formatter: function() { 
     return this.point.name; 
     } 
    }, 
    } 
}, 

我不得不改变该系列的结构，可以很容易地显示：

series: [{name:'Fruits', 
     data: [{y:4, name:'Apple'}, {y:14, name:'Banana'},{y:18, name:'Orange'}] 
    }, {name:'Vegetable', 
     data: [{y:5, name:'Carrot'}, {y:6, name:'Potato'}, {y:5, name:'Tomato'}] 
    }, {name:'Fish', 
     data: [{y:14, name:'Cod'}, {y:15, name:'Salmon'} ,{y:18, name:'Tuna'}] 
    }] 
    }); 

例如jsfiddle

Answer 2

我有不同势风格[的jsfiddle] [1数字出来太]

  [1]: http://jsfiddle.net/rikad/gptrz8Lh/