highcharts - Highcharts - 如何从图表开头删除组填充

标签 highcharts padding axis

我有一个简单的条形图，我想缩短 X Axis 绘图线，所以它从第一个条形开始。当我设置 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/

最佳答案

您可以将 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 - Highcharts - 如何从图表开头删除组填充，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58106514/