条之间的像素填充？答案

【问题标题】：Pixelpadding between bars?条之间的像素填充？
【发布时间】：2019-05-23 10:43:30
【问题描述】：

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

我尝试了与 highcharts 不同的设置，但没有发现任何似乎可行的设置。

【问题讨论】：

【解决方案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

【讨论】：

谢谢！这正是我想要的。

【解决方案2】：

有两个参数可以帮助你pointWidth和pointPadding

pointWidth Documentation

pointPadding Documentation

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

Fiddle

【讨论】：