Highchart / Chart.js / FusionChart：列范围自定义图表

Question

对于所有Stackoverflow成员，我正在尝试使用Highcharts构建图表，该图表具有自定义的行为，如图所示/作为图像显示。

我正在尝试使用Columnrange类型实现这一点，并在链接Highchart-columnrange-fiddle上附加了正在进行的提琴操作， 而且我认为数据输入应如下所示，以实现附加的图表期望：

series: [{ name: 'Temperatures', data: [ ['Black', 88, 60], ['Blue', 22 - 58, 60], ["Yellow", 32, (-22) - 154], ['Orange', -18, 60], ["Green", 54, (-22) - 154], ["Gray", , 121 - 143, 60] ] }]

有人可以建议通过高图实现这种高图吗？其中根据输入内容，将在行类别下方。

• 在这种情况下，从Y轴索引起点到X轴宽度终点（60）的水平线

• 例如，从X轴的索引起点到Y轴的终点（200）的垂直线。

• Y轴范围从最小值（20）到最大值（50）的范围一直到具有背景色的X轴宽度（60）为止。

请告知是否可以通过Highcharts / Chart.js / Fusioncharts等实现此目标。

在此先感谢您的帮助！