具有多个序列的Highcharts列范围图

时间:2018-06-29 12:38:33

标签: javascript angularjs highcharts

我想画一个像这样的图表:

Expected Result

这是上面图表的代码URL:

我要删除栏之间的空格,如下所示:

Current Output

有人知道如何实现吗?

1 个答案:

答案 0 :(得分:0)

您可以结合使用groupPaddingpointPadding来删除图形中条形之间的空格。

请参阅Highcharts演示:http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/plotoptions/column-pointpadding-none/

对于您的图表,我对您的提琴进行了以下更改:

plotOptions: {
    series:{
        //maxPointWidth:10,
        pointPadding: 0,
        groupPadding: 0.3,
    },

请参见https://jsfiddle.net/brightmatrix/Loebhv43/7/,以查看外观。

enter image description here