score:53
I know this is a few months old, but I thought I'd add my answer for future generations.
I was able to do without extra plugins. If you set the xAxes and yAxes to stacked:true under scales, you can create a stacked horizontal graph.
scales: {
xAxes: [{
stacked: true,
}],
yAxes: [{
stacked: true
}]
}
Here's a quick pen to show how I did it. http://codepen.io/jamiecalder/pen/NrROeB
Bonus: Includes code to show the values on the graph
score:2
Take a look at the fork ChartNew.js (https://github.com/FVANCOP/ChartNew.js). This has HorizontalStackedBars (and many other additions). See https://github.com/FVANCOP/ChartNew.js/wiki/050_available_graphs for how its going to look like.
Source: stackoverflow.com
Related Query
- Horizontal stacked bar chart with chart.js
- Stacked horizontal bar chart along total count with chart.js
- How do I create a stacked horizontal bar chart with Chart.js in React?
- Draw stacked horizontal bar chart with Average line using ChartJS
- Vertical stacked bar chart with chart.js
- Chartjs 2 - Stacked bar and unstacked line on same chart with same y axis
- How do I draw a vertical line on a horizontal bar chart with ChartJS?
- How to display inline values in a stacked bar chart with Chart.js?
- Chart.js: Minimum value for x-axis at horizontal stacked bar chart
- In Stacked horizontal bar chart how to remove the vertical line in Chart.js?
- Horizontal Stacked Bar with Gaps
- Stacked bar chart with rounded corner of bar using Chart.js
- Horizontal bar with two yaxes chart js
- ChartJS: how to make a bar chart with a horizontal guideline:
- Chartjs 3.x - How to duplicate X axis on both sides of horizontal bar chart with only 1 dataset?
- Stacked Mixed Horizontal Bar Chart in Charts.Js Axes Positioning
- Chart.Js how to hide datapoints with "0" value in Stacked Bar Chart
- Chart.js - Horizontal line on Bar chart interferes with tooltip
- Create stacked bar chart with a single dataset per stack
- Stacked bar chart with chartjs with included values
- Unable to create Stacked Grouped Bar Chart with chart.js / react-chartjs-2 in React
- ChartJS - Horizontal Stacked Bar Chart Tooltip being cut off by Bottom of Canvas
- How can I create a stacked bar chart with Charts.JS that displays relative rather than absolute values?
- ChartJs - stacked bar chart with groups - how to create second x-axis with stack id
- ChartJS - would like to create a mixed chart with horizontal Bar and a dot to represent the answer from the current user
- Drawing a horizontal line on a stacked bar chart on hover (chart js)
- Chart.js Draw a Stacked Bar Chart with Limit Line
- ChartJS 2.7.3 stacked bar chart with overlap
- Chartjs v3 overlap stacked bar chart with groups
- Vue-chartjs with axios for stacked bar chart
More Query from same tag
- Remove Decimal values in Yaxis Linechart -Primefaces
- Charts.js: thin donut chart background
- Chart.js Customize tool tip to show more data
- Adding item to TooltipItems[] in ChartJS doesn't update labelColors
- How could chartjs font family display everywhere
- build dynamic array for charts.js
- Create Conditional Chart
- PaddingLeft of afterFit does not work during chart.js option
- Format Tooltip Chartjs TypeScript Angular
- Change size of a specific point on a line chart in Chart.js
- How to add afterDataLimits callback to chart.js
- How to align multiple x axes in chart.js?
- Chart.js turn off all y axis and toggle them on / off
- chart data on 24hr X axis using recharts, chart.js, I don't mind what
- chartjs; cannot read property '0' of undefined
- Using vue-charts.js, I cannot get hoverOffset to work with doughnut
- Chartjs: How can I group datasets closer if I have maxBarThickness set?
- Chart js space above bar graph
- Chart.js - Why the chart cannot rendered in a child component but in the father component can?
- Chart.js - Display data label leader lines on a pie chart
- Group bar chart in ReactChartJS2 click particular element
- Chart.js not stretching width as per data
- How to group chart labels together?
- Chart.js only draws when I go through debug on Chrome
- Adding text inside 2 different Doughuts chartjs
- Reduce size of chart within the canvas
- interactive Button doesn't hide the chart as I intended
- ChartJS xAxis label position
- Getting access to already created Chart.js chart
- Visual Studio 2013 IIS web site - problems with JS files