Highcharts. Как установить фиксированную ширину сетки графика, не включая метки?

Question

Как установить фиксированную ширину для сетки графика, не включая метки?Фиксированная ширина должна быть между столбцами, столбцами и по краям.Область меток должна быть динамической.

Ширина между столбцами - 24 пикселя.Ширина колонки - 28 пикселей.Ширина между краем и столбцом - 12px.

Ширина сетки - 104px.

https://snag.gy/8twGXT.jpg

http://jsfiddle.net/2481ht7L/15/

Iпопытался установить ширину тега "g" через css, не сработало.

<g class="highcharts-grid highcharts-yaxis-grid"></g>

Answer 1

В событии load вы можете обновить диаграмму с вычисленным свойством marginRight и настроить pointPadding на необходимые размеры:

chart: {
    ...,
    type: 'column',
    marginRight: 0,
    marginLeft: 0,
    events: {
        load: function() {
            if (this.chartWidth < 104) {
                this.setSize(104);
            } else {
                this.update({
                    chart: {
                        marginRight: this.chartWidth - 104
                    }
                }, true, false, false);
            }
        }
    }
},
plotOptions: {
    series: {
        grouping: false,
        groupPadding: 0,
        pointPadding: 0.23
    }
}

Демо: http://jsfiddle.net/BlackLabel/kzdLyp1g/

Справочник по API:

https://api.highcharts.com/highcharts/chart.marginRight

https://api.highcharts.com/class-reference/Highcharts.Chart#update

https://api.highcharts.com/class-reference/Highcharts.Chart#setSize

Answer 2

Вы можете изменить pointPadding или groupPadding в конфигурации графика.

Укажите скрипку, если вышеприведенное не поможет.