Highchart - отображение результатов гистограммы с использованием рендеринга в стиле водопада

Question

Мы хотим использовать параметры расчета, которые предлагает гистограмма из коробки, но хотим, чтобы диаграмма выглядела как водопад. Возможно ли это?

Answer 1

Да, это возможно. Мы можем использовать рассчитанные данные из серии гистограмм и использовать их для динамического добавления в качестве типа водопада.

Демо: https://jsfiddle.net/BlackLabel/ofezLb2w/

  chart: {
    events: {
      load() {
        let chart = this,
          dataX = chart.series[0].processedXData,
          dataY = chart.series[0].processedYData,
          WFData = dataX.map((d, i) => [d, dataY[i]]);


        chart.series[0].destroy()
        chart.addSeries({
          data: WFData,
          type: 'waterfall',
          xAxis: 1,
          yAxis: 1,
        })
      }
    }
  },

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