Highchart - 使用瀑布式渲染来显示直方图结果

Question

我们想使用直方图提供的计算选项，但又想把图表渲染成瀑布状。这可能吗？

Answer 1

是的，这是可能的。我们可以使用直方图系列的计算数据，并将其作为瀑布类型动态添加。

演示一下。https:/jsfiddle.netBlackLabelofezLb2w。

  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.comhighchartschart.event.load。