2 things that seems that can be the issue in my eyes.
first one if
orders is already an array you should remove the wrapping array brakcets when passing it to the data like so:
if what is in orders is a big string of numbers seperated by
, you have to make it an array chart.js understands instead of an array with 1 big string like so:
- Adding object data to data structure of chart.js chart does not show any data
- Adding new data to empty Chart.js chart does not render new data correctly
- Chart looks only grey, does not show the color - Chartjs,discordjs
- ChartJS: chart not show all data
- ChartJs Memory Leak | Garbage Collection does not clean Chart Object or Arrays after render
- Angular6 and ng2-charts does not display any charts when i fill data from webservice
- Bar chart (chart.js) with only 2 points does not show one of the bars
- Chart.js line chart does not render data lines on iOS
- Chart.js does not display any data
- Is there any way to show a tooltip for points which are not visible on the chart in Chart.js?
- Chart.js returns a console error and does not display the chart when using variables as data input
- Background color does not work when trying to create my data before using scatter chart with chart.js
- Trying to call API and plot a line chart but it does not show
- Angular ChartJs does not show Data for multiple Charts
- Why scatter chart does not show axes?
- The data that is called in chart does not match the database
- show label in tooltip but not in x axis for chartjs line chart
- chart js tooltip how to control the data that show
- Html chart does not fit a small Android WebView
- Chart JS show multiple data points for the same label
- Angular-chart.js - Make line chart does not curve
- Show data dynamically in line chart - ChartJS
- Chart Js Show the old data on mouse hover
- Chart.js Chart in Angular does not load until resizing browser window
- Show "No Data" message for Pie chart with no data
- Show data on top of bar chart in Chart.js v 2.7.1
- How to show data values in top of bar chart and line chart in chart.js 3
- ChartJS (React) Line Chart - How to show single tooltip with data and labels from 3 (multiple) dataset?
- Chart not displaying from JSON data
- Angular chart how to show the legend data value by default along with legend name
More Query from same tag
- How to fetch data from DB on Chart.js using Laravel?
- React-Chart.js : How do I increase the space between the legends and chart?
- Chart.js nuget Package with angularJS
- Create chart in SPA(Aurelia) with MVVM pattern
- Label issue in doughnut chart using chartjs
- Ng2 charts - Animation doesn't work on line chart onInit
- set background color to save canvas chart
- addData() dropped from latest chart.js 2.1.3 - whats up?
- Uncaught TypeError: Cannot set properties of undefined (setting 'render')
- Chart.js tooltip background color setting
- Chart.js don't work when I open my app as a stand alone app in Chrome
- Select missing dates from a table in MySQL
- Removing axes lines on chart.js
- Type 'string' is not assignable to type 'ChartType'
- TypeError: Cannot assign to read only property ... - Editing react-chartjs-2 datasets with Redux
- Chart.JS full-width, responsive doughnut chart with Bootstrap
- Chart to update from a drop down selection
- Allowing Chart.js to work with jQuery Tabs
- ChartJS - Show values in the center of each bar
- ChartJS in React throws 'too may re-renders'
- Chart.js - add gradient instead of solid color - implementing solution
- Chart.js how to show cursor pointer for labels & legends in line chart
- Chart.js - x-axis and tooltip label shows "undefined" in Chrome when browser language is NOT English
- How to increase line chart width in ng2-charts?
- chartJS line chart not plotting values that are less than minY
- How to order tooltip values from the biggest to the smallest
- Chart JS Tooltip Currency Problem - Stacked Bar Chart
- Foreground chart by mouse
- How to add links to chart.js (Doughnut Charts)?
- How to have chart.js automatically build x-axis labels based on x,y dataset?