Highcharts

Question

我有一个简单的条形图，我想缩短 X-axis 情节线，所以它从第一个条形图开始。当我设置 group/pointPadding 时，它适用于我图表中的所有柱，但我正在寻找单独控制第一个和最后一个柱的属性。请指教添加：我最初的意图是控制 title.margin 属性，并设置标题和第一条之间的间距，但实际上是根据系列数设置标题和 xaxis plotline 开头之间的间距。我试图转到后渲染并缩短绘图线，使其与 first/last 栏相匹配，但在这种情况下，与绘图线的间距仍然存在（即使绘图线不可见）。有什么方法可以控制吗？请帮忙！

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/

Answer 1

您可以将 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

Highcharts - 如何从图表的开头删除 groupPadding

Higcharts - How to remove groupPadding from the beginning of the chart

axis

padding