Highcharts水平叠加漏斗图

Highcharts水平叠加漏斗图,charts,highcharts,visualization,angular2-highcharts,Charts,Highcharts,Visualization,Angular2 Highcharts,我们希望使用Highcharts和angular实现这样的可视化。 有人能帮我实施吗,我也在努力, 一旦我得到它,我会更新我的答案,只是想看看是否有人可以帮助我做得更快。 我认为您应该使用columnrange系列来实现想要的结果- 您可以从以下步骤开始的基本尝试: Highcharts Angular wrapper的API-我也在尝试相同的API,谢谢您的建议。我将更新我的答案,一旦我完成了这个 Highcharts.chart('container', { chart: {

我们希望使用Highcharts和angular实现这样的可视化。 有人能帮我实施吗,我也在努力, 一旦我得到它,我会更新我的答案,只是想看看是否有人可以帮助我做得更快。

我认为您应该使用
columnrange
系列来实现想要的结果-

您可以从以下步骤开始的基本尝试:


Highcharts Angular wrapper的API-

我也在尝试相同的API,谢谢您的建议。我将更新我的答案,一旦我完成了这个
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]
        ]
    }]

});