我目前正在开发一个功能，需要渲染一个包含堆叠条形图和浮动条形图的图表（见图），扫描Highchart文档，这似乎是不可能的，所以我想知道是否有人有类似的经验
dm7nw8vv1#
使用Highcharts创建这样的图表非常容易。您只需要使用多个系列：columnrange和具有指定x和y值的堆叠column。请查看下面的示例：
columnrange
x
y
column
Highcharts.chart('container', { chart: { type: 'column' }, plotOptions: { column: { stacking: 'normal' } }, series: [{ data: [...] }, { data: [...] }, { type: 'columnrange', data: [...] }] });
现场演示：http://jsfiddle.net/BlackLabel/acpk2vsb/API引用：https://api.highcharts.com/highcharts/series.columnrange文档：https://www.highcharts.com/docs/chart-and-series-types/column-chart
1条答案
按热度按时间dm7nw8vv1#
使用Highcharts创建这样的图表非常容易。您只需要使用多个系列：
columnrange和具有指定x和y值的堆叠column。请查看下面的示例：现场演示：http://jsfiddle.net/BlackLabel/acpk2vsb/
API引用：https://api.highcharts.com/highcharts/series.columnrange
文档：https://www.highcharts.com/docs/chart-and-series-types/column-chart