Higcharts - Как удалить groupPadding с начала графика - PullRequest
1 голос
/ 26 сентября 2019

У меня есть простая гистограмма, и я хотел укоротить сюжетную линию по оси X, чтобы она начиналась с первого бара.Когда я устанавливаю group / pointPadding, он применяется ко всем столбцам на моем графике, но я ищу свойство, которое индивидуально контролирует первый и последний столбцы.Пожалуйста, посоветуйте Дополнение: Моим первоначальным намерением было управление свойством title.margin и установка промежутка между заголовком и первым столбцом, но в действительности на основе количества серий он устанавливает промежуток между заголовком и началом сюжетной линии xaxis.Я попытался перейти к пострендеру и укоротить сюжетную линию, чтобы она соответствовала первому / последнему столбцу, но в этом случае расстояние от сюжетной линии все еще остается (даже если сюжетная линия не видна).Есть ли способ контролировать это?Пожалуйста помоги!

Highcharts.chart('container', {
        title: {
        text: 'Title',
      margin: 0,
    }, 
    chart: {
        type: 'bar'
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar']
    },

    plotOptions: {
        series: {
          /*   pointPadding: 0.1,
            groupPadding: 0.2, */
            shadow: false
        }
    },

    series: [{
        data: [29.9, 71.5, 106.4]
    }]
});

https://jsfiddle.net/sabira/fmwdpqoL/

1 Ответ

0 голосов
/ 26 сентября 2019

Вы можете установить xAxis.tickmarkPlacement и series.pointPlacement на 'on' и очистить отступы с помощью свойств min и max:

xAxis: {
    categories: ['Jan', 'Feb', 'Mar'],
    min: -0.2,
    max: 2.2,
    tickmarkPlacement: 'on'
},

series: [{
    data: [...],
    pointPlacement: 'on'
}]

Демонстрация в реальном времени: https://jsfiddle.net/BlackLabel/j9h6w8t5/

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

https://api.highcharts.com/highcharts/series.column.pointPlacement

https://api.highcharts.com/highcharts/xAxis.tickmarkPlacement

https://api.highcharts.com/highcharts/xAxis.min

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...