Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Overlapping Bar Chart using Chart.js

I want to develop a bar chart as shown below is it possible to develop it using chart.js?

enter image description here

like image 847
Swapnil Kale Avatar asked Apr 07 '17 06:04

Swapnil Kale


People also ask

How do I overlap a bar chart?

Step 1: Select the cell containing the data. Step 2: Select the 'Insert' Tab from the top and select the bar chart. Step 3: Right-click on one bar and choose the “Change series chart type” option. Step 4: In the change chart dialog box, make sure the Combo category is selected.

How do you split a bar chart into two?

Right-click the chart, and select Change Series Chart Type from the context menu. See screenshot: 4. In the Change Chart Type dialog box, please click Bar in the left bar, click to highlight Stacked Bar, next click to select the chart with two series, and finally click the OK button.

What is a stacked bar graph?

A stacked chart is a form of bar chart that shows the composition and comparison of a few variables, either relative or absolute, over time. Also called a stacked bar or column chart, they look like a series of columns or bars that are stacked on top of each other.


1 Answers

Yes this is possible, see examples in this thread on Github https://github.com/chartjs/Chart.js/issues/5224. Notice the comment relating to offset, which will apply to versions of Chart js > 2.4.

like image 177
Laurie Avatar answered Sep 20 '22 11:09

Laurie