score:1

Accepted answer

I think that this demo will be a good start for you to create a chart as in the shared image.

Demo: https://jsfiddle.net/BlackLabel/fd0h6o23/

  series: [{
    stacking: 'normal',
    color: 'rgb(100,100,200)',
    data: [
      [0, 1],
      [0, 1],
      [0, 1],
      [0, 1],
      [0, 1],
      [0, 1],
      [0, 1],
      [0, 1],
      [0, 1],
      [0, 1],
      [0, 1],
      [0, 1]
    ],
    grouping: false,
    borderWidth: 4,
    borderColor: 'rgb(30,30,70.1)'
  }, {
    stacking: 'normal',
    stack: 'b',
    grouping: false,
    color: 'rgb(200,100,200)',
    data: [
      [0, 1],
      [0, 1],
      [0, 1],
      [0, 1],
      [0, 1],
      [0, 1],
      [0, 1],
      [0, 1],
      [0, 1]
    ],
    borderWidth: 4,
    borderColor: 'rgb(30,30,70, 1)'
  }, {
    stacking: 'normal',
    color: 'rgb(100,100,200)',
    data: [
      [1, 1],
      [1, 1],
      [1, 1],
      [1, 1],
      [1, 1],
      [1, 1],
      [1, 1],
      [1, 1],
      [1, 1],
      [1, 1],
      [1, 1],
      [1, 1]
    ],
    grouping: false,
    borderWidth: 4,
    borderColor: 'rgb(30,30,70.1)'
  }, {
    stacking: 'normal',
    stack: 'b',
    grouping: false,
    color: 'rgb(200,100,200)',
    data: [
      [1, 1],
      [1, 1],
      [1, 1],
      [1, 1],
      [1, 1],
      [1, 1],
    ],
    borderWidth: 4,
    borderColor: 'rgb(30,30,70, 1)'
  }]

EDIT

I also found other useful examples:

More you can find under searching for the "Highcharts equalizer chart".


Related Query

More Query from same tag