首页 > 解决方案 > plotOptions.column.pointPlacement 一致性问题

问题描述

我正在使用 Highcharts v6.0.7。

目标:我需要在 x 轴刻度线上将柱形条居中对齐。

配置:Highcharts 柱形图 X 轴为日期时间且未分类。我正在使用带有数值的 pointPlacement 以便将图表的柱形条与 x 轴刻度线居中对齐。

问题:昨天,pointPlacement 的某个数值使列条“在”刻度线上居中。但是,今天,所有配置都保持不变,柱形条偏离 x 轴刻度线。

问题

  1. 这是 Highcharts 的一个错误,还是我需要更多配置以及 pointPlacement 来使柱形条居中。我参考了这个文档——https://api.highcharts.com/highcharts/series.column.pointPlacement
  2. 对于未分类的 x 轴,是否有替代属性可以将柱形条置于轴刻度线的中心?
  3. 我看到在我的图表中,“on”和“between”的 pointPlacement 值没有按预期工作。此外,值 0 不会使列栏“在”轴刻度线上居中(文档说明它应该)

代码

this.chart = new Chart({
      chart: {
        type: 'column',
      },
      title: {
        text: this.title
      },
      xAxis: {
        type: this.xType,
        startOnTick: true,
        min: moment(this.pointStart).add(1, 'days').unix() * 1000,
        tickInterval: this.xTickInterval,
        labels : {
          align: 'center'
        }
      },
      yAxis: {
        ...
      },
      tooltip : {
        ...
      },
      credits: {
        ...
      },
      plotOptions: {
        column: {
            pointPlacement: 0.4
          },
        series: {
          pointStart: this.pointStart ? moment(this.pointStart).unix() * 1000 : 0,
          pointInterval: this.pointInterval,
          showInLegend: false
        }
      },
      series: [{
        data: [],  //show empty grid initially
      }]
    });

标签: javascriptangularhighcharts

解决方案


推荐阅读