【问题标题】:Highchart bar chart start bar from centre instead of leftHighchart 条形图从中心而不是左侧开始条形图
【发布时间】:2021-08-08 07:42:41
【问题描述】:

我正在使用 highchart 条形图并删除了 x 和 y 轴。在这里,我想从中心开始我的图表,左右两边都有同样的填充/边距。

【问题讨论】:

标签: javascript charts highcharts bar-chart


【解决方案1】:

尝试使用这种方法:

  chart: {
    type: 'bar',
    events: {
      render() {
        let chart = this;
        if (chartForRender) {
          chartForRender = false;
          chart.update({
            chart: {
              marginLeft: chart.chartWidth / 2
            }
          })
        }
        chartForRender = true;
      }
    }
  },

演示:https://jsfiddle.net/BlackLabel/49oxesdh/

API:https://api.highcharts.com/highcharts/chart.events.render

【讨论】:

  • 是否可以为每个数据栏提供marginLeft?例如,第一个柱有 65 个 marginLeft,第二个有 60 个 marginLeft,第三个有 25 个,最后一个有 20 个 marginLeft。
  • 我觉得不太可能,不过应该可以通过columnrange系列实现类似的视觉效果:highcharts.com/demo/columnrange
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-09-29
  • 1970-01-01
  • 1970-01-01
  • 2019-02-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多