条之间的像素填充？

Question

我想知道是否有可能确定两个小节之间的像素？我得到了2个代表某些数字的序列，它们并排站立，彼此相邻的是2和2小节。我只想控制彼此相邻的条之间的空间。例如10像素。

我尝试了与highcharts不同的设置，但是还没有发现任何可行的方法。

Answer 1

您可以设置pointPadding: 0，并在load事件中以所需的方式放置列：

chart: {
    type: 'bar',
    events: {
        load: function() {
            var series = this.series;

            series[0].points.forEach(function(p, i) {
                p.graphic.attr({
                    translateX: 5
                });
                series[1].points[i].graphic.attr({
                    translateX: -5
                });
            });
        }
    }
},
plotOptions: {
    series: {
        pointPadding: 0
    }
}

实时演示： http://jsfiddle.net/BlackLabel/13re4Lok/

API参考：

https://api.highcharts.com/highcharts/chart.events.load

https://api.highcharts.com/class-reference/Highcharts.SVGElement#attr

Answer 2

whick有2个参数可以帮助您pointWidth和pointPadding

pointWidth Documentation

pointPadding Documentation

plotOptions: {
  series: {
    pointPadding: 0.3,
    pointWidth: 10 // Will ignore pointPadding if used
  }
},

Fiddle