How to draw multiple color bar in a bar chart using chart.js

Question

I am able to draw normal bar chart using chart.js. However I want to draw a bar chart as follows.

I have gone through the documentation of chart.js but to no avail, also searched extensively on internet but couldn't found a single hint. Almost all the questions lead to having multiple color bars in a bar chart.

I am just following the code given for the bar charts in chart.js documentation. I am using chart.js for the first time. I can share the simple bar chart code given in the documentation if you want to have a look at it. — Saqib S
– Saqib S, Commented Feb 22, 2017 at 14:19

Saran · Accepted Answer · 2017-02-22 14:45:23Z

5

You can achieved this via stacked option.

options:{
  scales: {
    xAxes: [{stacked: true}],
    yAxes: [{stacked: true}]
  } 
}

answered Feb 22, 2017 at 14:45

Saran

1,57311 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2017-05-23 11:46:12Z

1

Finally I found the answer to my question. I wanted to have stacked bar chart.

Here is the answer.

Horizontal stacked bar chart with chart.js

PS: I have tested the answer myself and it works perfectly fine.

edited May 23, 2017 at 11:46

CommunityBot

11 silver badge

answered Feb 22, 2017 at 14:37

Saqib S

5415 silver badges22 bronze badges

Collectives™ on Stack Overflow

How to draw multiple color bar in a bar chart using chart.js

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related