score:1
Accepted answer
the reason why that space is appearing, is because, you have an empty label in your labels
array.
labels: [
["aaa", ' ff'],
["aa", " ddd"], "ee eeee", ""
^^
],
remove that empty label (if not necessary) and you will be good to go.
here is the working code on jsfiddle
Source: stackoverflow.com
Related Query
- chart js 2 how to set bar width
- ChartJs bar chart - keep bars left instead of equally spread across the width
- Chart js - Get bar width after render
- ChartJS bar chart fixed width for dynamic data sets
- Stacked Bar chart fixed width bar chart issue - Chartjs
- How to prevent empty bars from taking up width in Chart.js bar chart
- Chart js - set width to a specific bar
- How to get bar chart width in pixel
- Chart.js. Edit bar width -v2.5-
- Chart js: bar width
- chart js showing different width of bar
- Chart.js Bar Chart change width (not duplicated to bar width questions!)
- All the bar in bar chart stays at left with very little width
- Chart JS horizontal bar chart width of bars and the chart
- Chartjs Bar Chart showing old data when hovering
- Chart.js: Bar Chart Click Events
- Chartjs v2.0: stacked bar chart
- How to modify bar width in Chartjs 2 bar charts
- Horizontal stacked bar chart with chart.js
- Chart.js Bar Chart - how to chart bars from 0
- Horizontal bar chart in chart.js
- Vertical stacked bar chart with chart.js
- Changing fontFamily on ChartJS bar chart
- Chart.js: bar chart first bar and last bar not displaying in full
- How to put rounded corners on a Chart.js Bar chart
- Chart.js: Dynamic Changing of Chart Type (Line to Bar as Example)
- chartjs : how to set custom scale in bar chart
- Chartjs 2 - Stacked bar and unstacked line on same chart with same y axis
- Chartjs Bar Chart Legend
- Add DataSet Bar Chart - Chart.JS
More Query from same tag
- Where is radar.js?
- JavaScript implementation doesnt work (Chart.js)
- Chartjs is stripping trailing zeros in decimal datasets
- Pass function elements to render in js
- chartjs not following height when parent's height is 200px
- Vue Chart.js doesn't get initialized in Vue Tab
- Angular Chartjs How to make it reactive to data change?
- ChartJS, make the bars show correct percentage?
- Html canvas element resets width and height to zero after drag/drop
- Chart.js tooltip yAlign
- Reference to the previous element in the array - in Javascript
- Create a weekly line chart (52 labels)
- Uncaught type error: mychart.update is not a function
- Chart Js Data transformation using Javascript
- Chart.js bezier curve discontinuity
- Why is here a number?
- How to add datas to chart js from my Array<number>? In Ionic3
- Chartjs unexpected resize and crop after updating data. Using laravel blade view and Livewire
- ChartJS - Show percentage base on data on hover (AngularJS)
- How to configure chart.js line chart with very low minimum height, and only 0 and 1 (no decimals) as ticks on the y-axis
- How can I reduce the spacing between my legend and chart proper in my Chart.JS bar chart, and increase it in the graph area?
- Horizontal overlapping of bars, not whole graph
- Is there any method to map or represent API data to Chart in ReactJS?
- Need some Help Regarding Chart.js
- Intersection point in line graph in Chart.js?
- How to set the size of the arc in ChartJS?
- Add Data Labels onto a bubble chart on chart.js
- How to Reset a Chart of Chart.Js?
- Age pyramid chart using chart.js
- Need help adding Chart.js chart to a Modal window (I'm Using AngularJS)