Multi Series Stacked Column Chart

• May 26, 2018 at 2:26 pm #20876
  
  liyen

  Hi Sir,

  Can we create Multi Series Stacked Column Chart with CanvasJS?

  Something like this: https://peltiertech.com/images/2011-07/CS_Col_00.png

  Thanks!

  May 28, 2018 at 10:11 am #20882
  
  Priyanka M S

  @liyen,

  You can achieve Multi-Series Stacked Column Chart(grouped stacked chart) by attaching dataSeries to different axes. Please take a look at this jsfiddle.

  __
  Priyanka M S
  Team CanvasJS

  May 30, 2018 at 4:54 pm #20916
  
  liyen

  Thanks for your sharing Priyanka :)

  November 28, 2022 at 5:47 pm #40050
  
  er.khushboo27

  Hi Sir ,

  My requirement to create multi series stacked column chart, which I have done by your given solution https://jsfiddle.net/2jtmcddy/ , Thanks for your code.
  But I am facing issue to indexLabel (I have to show total on top of each column). It is not showing on correct position.
  I have some data for last 7 dates for 3 region (UK, US, Asia) with failed and success count. I have used Secondary and Tertiary axisType. Basically it is 3 column together(UK, US, Asia) of last 7 dates with success and failed count.

  I wanted to show Total count on top of each column for which I have used indexLabel. but it is not coming in correct position. Can you help me to fix this issue?

  November 28, 2022 at 6:40 pm #40124
  
  Manoj Mohan

  @er-khushboo27,

  You can show indexlabels to the top most dataseries of each stacked column by setting indexLabelPlacement property to “outside”. Please take a look at this updated JSFiddle for a working example.

  

  If this doesn’t fulfill your requirements, can you kindly brief us more along with an example or a pictorial representation of your requirements so that we can understand it better and help you out?

  —-
  Manoj Mohan
  Team CanvasJS