Error: “category” is not a registered scale

by

Like the error says you are using the category scale so you will need to import and register it like so:

import {CategoryScale} from 'chart.js'; 
Chart.register(CategoryScale);

Or you can choose to not use treeshaking and import everything like so:

import Chart from 'chart.js/auto';

For all available things you might need to import and register please take a look here: https://www.chartjs.org/docs/3.3.0/getting-started/integration.html#bundlers-webpack-rollup-etc

More Related Contents:

  1. Chart.js – Increase spacing between legend and chart
  2. How to set max and min value for Y axis
  3. Moving vertical line when hovering over the chart using chart.js
  4. How to display data values on Chart.js
  5. Dynamically update values of a chartjs chart
  6. How to add text inside the doughnut chart using Chart.js?
  7. Chart.js — drawing an arbitrary vertical line
  8. Click events on Pie Charts in Chart.js
  9. Destroy chart.js bar graph to redraw other graph in same
  10. ChartJS – Different color per data point
  11. Chart.js – draw horizontal line
  12. How can I create a horizontal scrolling Chart.js line chart with a locked y axis?
  13. How to put rounded corners on a Chart.js Bar chart
  14. ChartJS: datalabels: show percentage value in Pie piece
  15. Limit labels number on Chart.js line chart
  16. How to set ChartJS Y axis title?
  17. Remove x-axis label/text in chart.js
  18. Chart.js v2: How to make tooltips always appear on pie chart?
  19. Chart.js canvas resize
  20. chart.js Failed to create chart: can’t acquire context from the given item
  21. Custom Legend with ChartJS v2.0
  22. How to save Chart JS charts as image without black background using blobs and filesaver?
  23. How to add images as labels to Canvas Charts using chart.js
  24. chart.js – link to other page when click on specific section in chart
  25. Chart.js how to get Combined Bar and line charts?
  26. Converting Chart.js canvas chart to image using .toDataUrl() results in blank image
  27. ng2-charts update labels and data
  28. Chart JS custom tooltip option?
  29. Chart.js Line, different fill color for negative point
  30. How do I put this on Real-Time? I already put (async: True) but it doesnt work

Leave a Comment