Settings - JSFiddle - Code Playground

Highcharts Demo

author(s): Torstein Hønsi

Comparison - Rating + Distribution, 1 chart

jQuery 1.9.1, HTML, CSS, JavaScript

Comparison - Rating + Distribution, 1 chart

jQuery 1.9.1, HTML, CSS, JavaScript

Comparison - Rating + Distribution, 1 chart

jQuery 1.9.1, HTML, CSS, JavaScript

Comparison - Rating + Distribution, 1 chart

jQuery 1.9.1, HTML, CSS, JavaScript

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.

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.

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.