如何在角图中使用高图创建如下所示的图表

时间:2019-12-09 09:50:21

标签: angular highcharts

enter image description here

如何在高图表中创建像这样的条形图。我曾尝试通过条形图来实现这一目标,但没有帮助。在这方面帮助我。

1 个答案:

答案 0 :(得分:1)

您需要使用columnrange系列类型,它是highcharts-more模块的一部分(记住要在Angular项目中导入和初始化它)。

series: [{
    type: 'columnrange',
    data: [...]
}]

实时演示: https://jsfiddle.net/BlackLabel/x3r09d2f/

文档: https://github.com/highcharts/highcharts-angular/blob/master/README.md

API参考: https://api.highcharts.com/highcharts/series.columnrange