score:35
Accepted answer
You can see only one chart because the lowest value of your data (75 here) is the scale's left limit.
As shown in the following screenshot of your code's result, if you hover on the scale, you can still see the associated data, which means it is here.
You have two ways to fix this :
Set the
min
property of the xScale ticks to the value you want (enough to see it of course) :var MeSeChart = new Chart(MeSeContext, { type: 'horizontalBar', data: MeSeData, options: { scales: { xAxes: [{ ticks: { min: 60 // Edit the value according to what you need } }], yAxes: [{ stacked: true }] } } });
You can see the result with a
min
set to 60 on this jsFiddle :Set the
beginAtZero
property totrue
, which is the same as settingmin
to 0 :xAxes: [{ ticks: { beginAtZero: true } }],
You can see the result with the
beginAtZero
property set totrue
on this jsFiddle.
Source: stackoverflow.com
Related Query
- Horizontal stacked bar chart with chart.js
- Horizontal bar chart in chart.js
- How do I draw a vertical line on a horizontal bar chart with ChartJS?
- Creating a horizontal bar chart extension on Chart.js
- How to draw Horizontal line on Bar Chart Chartjs
- Stacked horizontal bar chart along total count with chart.js
- Chart.js: Minimum value for x-axis at horizontal stacked bar chart
- two xAxes horizontal bar chart Charts.js
- Chart Js V2 draw Horizontal Bar(Average) Over Vertical Bar
- How to change Chart.js horizontal bar chart Width?
- In Stacked horizontal bar chart how to remove the vertical line in Chart.js?
- to increase space between x axis and first horizontal bar in chart js
- Draw a horizontal bar chart from right to left
- Remove padding from chartJs horizontal bar chart
- Horizontal bar with two yaxes chart js
- Minimum value for x Axis doesn't work for horizontal bar chart | ChartJS
- ChartJS horizontal chart display legend on each bar
- Chart.js horizontal line chart or modified horizontal bar chart
- 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 - Horizontal line on Bar chart interferes with tooltip
- Chart.js - draw horizontal line in Bar Chart (type bar)
- Horizontal gradient for every single bar in group chart js
- How do I create a stacked horizontal bar chart with Chart.js in React?
- ChartJS 2.9.4 can't overlay line data on Horizontal Bar chart
- Chart, X and Y-Axis labels are blurred in horizontal bar chart using chart.js
- Chart Js invisible horizontal bar
- Remove top horizontal line in a horizontal bar chart (Chart.js 2)
- Chartjs duration horizontal bar chart
More Query from same tag
- Chart.js - Increase spacing between legend and chart
- chart.js remove on hover effect
- Chartjs: make square legends
- how to send multiple data in chartjs label
- Counting string to plot a graph using chart.js and angular
- Chart.js not being displayed inside Jquery Dialog
- How to get the data attribute of the canvas chart created using chartjs
- Increase space between largest bar and top grid line in charts.js
- How to paint specific area of chartJs?
- Vertical spacing in horizontal ChartJS Bar Graph
- Using epoch as time series on x axis in react-chartjs-2 not showing correct date
- I cant get Legend to work for my chartjs donut chart
- Chart.js combined line and bar chart with differing data points
- Django and chart.js - one bar per 'date' in model
- 'filter' function for chart.js legend labels never being called
- ChartJS Only Show Large Font Size for a Specific Tick
- Can I plot random points on a chart.js or Google Charts chart?
- Chart.js what is the new syntax for extending?
- Bar chart from Vue-chartjs doesn't render
- Is there any way to change the font size of labels in bar chart in Chart.js v3?
- Set Scope in Angular-Charts.js after rendering
- How can I make bar charts symmetrical in chart.js?
- How do I draw horizontal bars with a label using either ChartJS or D3?
- Using chartjs v2 to show categorical values on axis instead of numeric
- Average 2 Keys in ChartJS
- Implement Chart.js Plugin Meteor Project
- How to fill remaining polar area with color
- Error trying to switch between different charts
- How to adjust the Js Chart's label?
- Cross-Origin Read Blocking (CORB) blocked cross-origin response https://cdnjs.com/libraries/Chart.js