Limit labels number on Chart.js line chart

by

Try adding the options.scales.xAxes.ticks.maxTicksLimit option:

xAxes: [{
    type: 'time',
    ticks: {
        autoSkip: true,
        maxTicksLimit: 20
    }
}]

More Related Contents:

  1. HTML5 Canvas Resize (Downscale) Image High Quality?
  2. Simulation background-size: cover in canvas
  3. Dynamically update values of a chartjs chart
  4. How to save image from canvas with CSS filters
  5. Use as a CSS background
  6. Click events on Pie Charts in Chart.js
  7. Destroy chart.js bar graph to redraw other graph in same
  8. How to draw polygons on an HTML5 canvas?
  9. How to put rounded corners on a Chart.js Bar chart
  10. How to clear a chart from a canvas so that hover events cannot be triggered?
  11. ChartJS: datalabels: show percentage value in Pie piece
  12. How can I animate a progressive drawing of svg path?
  13. make canvas as wide and as high as parent
  14. How to set ChartJS Y axis title?
  15. Remove x-axis label/text in chart.js
  16. Chart.js v2: How to make tooltips always appear on pie chart?
  17. Is there a way to curve / arc text using CSS3 / Canvas
  18. How to change colours for Angular-Chart.js
  19. How to add images as labels to Canvas Charts using chart.js
  20. How can I animate the drawing of text on a web page?
  21. Converting Chart.js canvas chart to image using .toDataUrl() results in blank image
  22. How to style canvas elements with CSS
  23. required field notification using jquery
  24. How to add text inside the doughnut chart using Chart.js?
  25. Force browser to trigger reflow while changing CSS
  26. How to auto-scroll to end of div when data is added? [duplicate]
  27. How can I create a horizontal scrolling Chart.js line chart with a locked y axis?
  28. Most modern method of getting mouse position within a canvas in native JavaScript [duplicate]
  29. Disable elastic scrolling in Safari [duplicate]
  30. How to vertically align all text in CSS?

Leave a Comment