Home forums Chart Support Possible to have multiple stacked columns sharing same x axis value?

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #28558


    I can see that I can put multiple “column” charts next to each other, sharing the same X axis values.

    For example, if the x-axis is the months of the year, I can have two columns next to each other showing different values for “January”.

    I would like to do the same thing, but with stacked column charts.

    Is this possible?



    JSFiddle Showing what I mean:


    I would like each of the blue and red columns to be a stacked column instead of an unstacked column



    Stacked Column Charts are plotted when multiple Column Charts with aligned x values are plotted over the same x-axis. Changing type property from “column” to “stackedColumn” should let you render stacked-column instead of column.

    If this doesn’t help you fulfill your requirements, kindly share a pictorial representation of your requirements and brief us more so that we can understand it better to help you out.

    Manoj Mohan
    Team CanvasJS


    Hi Manoj,

    Thanks for the reply.

    When I change the type property to “stacked column”, they stack as can be seen here:


    How do I make it so there are TWO stacked columns next to each other, sharing the same x-axis value? (e.g. 2 stacked columns for january, 2 stacked columns for february, etc)



    Sorry, it’s not possible to show multiple stacked columns for same x-axis value as of now.

    Manoj Mohan
    Team CanvasJS

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.