JSFiddle

dilyan_kn's public fiddles

• Highcharts Demo

  author(s): Torstein Hønsi

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Highcharts Demo

  author(s): Torstein Hønsi

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Column range

  author(s): Torstein Hønsi

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 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.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Th3rp

  jQuery 1.7.2, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• uTqMk

  jQuery 1.8.3, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Input live validation

  jQuery 1.9.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• R4Dqr

  jQuery 1.8.3, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra