如何从零开始瀑布图的列答案

【问题标题】：How to start column of waterfall chart from zero如何从零开始瀑布图的列
【发布时间】：2022-07-06 19:38:58
【问题描述】：

我有一个瀑布图，但我需要倒数第二列从零开始。

我想我需要创建一个虚拟点来隐藏并将 Axis.min 设置在第二个 y 点位置，但我不能让它工作。

chart: {
  type: 'waterfall'
},
title: {
  text: ''
},
exporting: {
  enabled: false
},
credits: {
  enabled: false
},
//colors: ['#DADBDF', '#ED4D5F','#ED4D5F','#ED4D5F','#ED4D5F','#ED4D5F','#D7EAFD','#D7EAFD','#D7EAFD' ],
xAxis: {
  lineColor: '#FFFFFF',
  lineWidth: 0,
  gridLineColor: '#DADBDF',
  categories: [],
},
yAxis: {
  lineColor: '#FFFFFF',
  lineWidth: 0,
  gridLineColor: '#DADBDF',
  plotBands: [{
    color: '#000000', 
    from: 0, 
    to: 0 
  }],
  title: {
    text: ''
  },
},
legend: {
  enabled: false
},
plotOptions: {
  column: {
    dataLabels: {
      enabled: true,
      color: '#000000'
    },
    colorByPoint: true,
    pointWidth: 150
  },
  series: {
    borderWidth: 0,
    dataLabels: {
      enabled: true,
      format: '{point.y}'
    },
    turboThreshold: 0,
    label: {
      enabled: false
    }
  }
},
series: [{
  data: [],
  showInLegend: false,
}],

【问题讨论】：

标签： javascript highcharts

【解决方案1】：

您可以添加另一个具有已定义 x 值的 waterfall 系列：

Highcharts.chart('container', {
    chart: {
        type: 'waterfall'
    },
    ...,
    plotOptions: {
        series: {
            grouping: false
        }
    },
    series: [{
        data: [...]
    }, {
        data: [{
            y: 569000,
            x: 5
        }, {
            y: 1569000,
            x: 6
        }]
    }]
});

现场示例： https://jsfiddle.net/BlackLabel/qc07y5kf/

API 参考： https://api.highcharts.com/highcharts/series.waterfall.data

【讨论】：