Chartjs-Chart: Two bipolar bars below each other

by

0👍

This looks like an open issue on Chartist. Github issue

I would recommend to use other charting libraries (like highcharts).

If you are still looking for a fix (until this feature is introduced), I found a workaround by taking the following steps

  1. Stack the negative series first
  2. Stack positive values of the negative series next
  3. Stack positive series next

Also you need to set stackBars to true for this to work.

series: [
    [-1, -2, -4, -8, -6, -2, -1, -4, -10, -2],
    [1, 2, 4, 8, 6, 2, 1, 4, 10, 2],
    [5, 20, 5, 5, 21, 12, 22, 3, 20, 2],
   ]
}, {
  stackBars: true,

Working Example

Leave a comment