Pixelpadding между барами?

Question

Мне было интересно, можно ли определить пиксели между двумя полосами? Я получил 2 серии, которые представляют некоторые цифры, и они стоят рядом, 2 и 2 столбца рядом друг с другом. Я просто хочу контролировать пространство между решетками, которое стоит рядом друг с другом. Например, 10 пикселей.

Я пробовал другие настройки, отличные от старших, но не нашел ничего, что могло бы работать.

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

Есть 2 параметра, которые могут вам помочь pointWidth и pointPadding

PointWidth Документация

PointPadding Документация

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

Fiddle