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

【问题标题】：remove space on same parent categories | Grouped Categories Highcharts删除相同父类别的空间 |分组类别 Highcharts
【发布时间】：2016-02-22 07:46:50
【问题描述】：

我有一个使用分组类别 highcharts 的图表，我已经成功制作了一个图表，但我遇到了一点问题。

示例图表：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.

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

谢谢

【问题讨论】：

标签： highcharts

【解决方案1】：

您可以在 plotOptions inside 和 verticalAlign 下使用这些选项在底部显示标签。

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

【讨论】：

【解决方案2】：

我也用不同的风格弄明白了 [jsfiddle][1]

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

【讨论】：