Settings - JSFiddle - Code Playground

sherman2k2's public fiddles

Highchart Stacked Column Range

There are two charts shown here, the top "container 1" and bottom "container 2". The top chart uses multiple data series effectively, as seen both in code and also with the "Task 1" and "Task 2" entries in the legend. The problem with this chart is that the Task 1 and Task 2 entries are offset from each other vertically. The bottom chart displays the column range chart as I would like to see, but it forces a color for every data point, and in using one data series it breaks the legend functionality. Is there any way to modify the top chart's configuration so it retains multiple data sets, but visually looks like the bottom chart? Column charts have a "stack" property, but this doesn't appear to work with the chart range type. The "stack" option is included in the top chart.