On line 4 of JSFiddle is your problem:
newbardata.lables = [""];
you need to fix it to
newbardata.labels = [""];
the chart will render properly afterwards.
Here is an updated JSfiddle https://jsfiddle.net/7bkr5e5h/2/
it looks like youve misspelt labels.
when you start creating your newbardata object you spell labels as lables and the chart library is looking for a property called labels.
- Chart JS : Getting issue with draw bar chart
- How do I draw a vertical line on a horizontal bar chart with ChartJS?
- Chart.js - Draw bar chart with multiple labels
- Issue while plotting bar chart with custom x-axis with month and year in chart.js
- Issue with chartjs linear gradient for the mixed bar chart in ReactJS is not calculated for each individual Bars
- issue with customisation of Chart new.js for bar chart
- Chart.js Draw a Stacked Bar Chart with Limit Line
- Draw stacked horizontal bar chart with Average line using ChartJS
- ChartJS - Draw chart with label by month, data by day
- Horizontal stacked bar chart with chart.js
- Vertical stacked bar chart with chart.js
- Chartjs 2 - Stacked bar and unstacked line on same chart with same y axis
- Chart.js Mixed Bar and Line chart with different scales
- Chart.js v2 is there a way to draw bar chart horizontally?
- How to display inline values in a stacked bar chart with Chart.js?
- ChartJS bar chart with legend which corresponds to each bar
- angular-chart.js bar chart with 100% opacity color
- Chartjs - data format for bar chart with multi-level x-axes
- Fill Chart.js bar chart with diagonal stripes or other patterns
- ChartJS - Line chart issue with only 1 point
- Chart.js - Bar chart with linear cartesian (numerical) X axis?
- How to draw Horizontal line on Bar Chart Chartjs
- Getting chart js bar chart to fill window
- Stacked horizontal bar chart along total count with chart.js
- Can we draw a Line Chart with both solid and dotted line in it?
- chart.js pie chart issue with display: none
- Chart Js V2 draw Horizontal Bar(Average) Over Vertical Bar
- Draw a horizontal bar chart from right to left
- Stacked bar chart with rounded corner of bar using Chart.js
- How to draw a chart with Chart.JS?
More Query from same tag
- Having issues with running npm start after installing chartjs
- ChartJs custom tooltip position
- Chart.js beginAtZero doesn't work
- Chart.js line from annotations plugin is not appearing
- Using Createjs and Chartjs
- Cannot use ng2-charts with Ionic 3 (ionic-angular 3.9.4)
- angular-chart.js - chart height not working on iOS but works fine on Android and Web
- Chart.js: Minimum value for x-axis at horizontal stacked bar chart
- Change the style of the border in ChartJS
- How to use plugins in chartjs and laravel chart consoletvs/chartsjs
- How to pass a nested function to an HTML button and Dropdown menu
- Is there a global setting in Chart.js for beginAtZero?
- How to set the gap between data items in a chartjs chart
- Getting "TypeError: document.getElementById(...) is null" when using react.js with chart.js
- Chart.js not drawing with AngularJS
- Draw vertical and horizonal lines on the radar chart (like x-y axes)
- Passing Labels from PHP to Chart.js
- How to make points in chartjs draggable?
- ChartJS: call the property of an array object in the tooltip
- How to format the left legend on chartjs
- How can make my chart.js dynamic using data from database
- Chartjs inner separation
- How do I make the Line in ChartJS not exceed the maximum of yAxes
- How to call a function when an element is loaded in Angular?
- How to display "%" sign on mouse hover in Pie-Chart
- charts.js straight lines - i cant find a solution
- Unable to set Global Options in Chart.js
- How to display Tooltip without hovering pie chart with Chart.JS
- Chart.js: Make part of labels bold
- Get method in php then pass the value into json format