高图水平叠加漏斗图

Question

我们想要一个像这样的可视化，用高海图&角度。有人能帮我的实现，我也在努力，一旦我得到它，我会更新我的答案，只是想看看是否有人可以帮助我做得更快。

​

Answer 1

我认为您应该使用columnrange系列来实现想要的结果-- https://www.highcharts.com/demo/columnrange。

您可以开始的基本尝试：https://jsfiddle.net/BlackLabel/h5v7czmt/

Highcharts.chart('container', {

  chart: {
    type: 'columnrange',
    inverted: true
  },
    
    yAxis: {
        visible: false
    },
    
    xAxis: {
        categories: ['All Applicants', 'Not Considered']
    },

  plotOptions: {
    series: {
      stacking: 'normal',
            showInLegend: false
    }
  },

  series: [{
    name: 'test1',
    data: [
      [0, 650],
            [285, 650]
    ]
  }, {
    name: 'test2',
    data: [
      [650, 1025],
            [650, 867]
    ]
  }, {
        name: 'test3',
        data: [
            [1025, 1220],
            [867, 1032]
        ]
    }]

});

和高级图表的API角包装器- https://github.com/highcharts/highcharts-angular