Check Out the Chart.js Course: Chart.js, The Missing Manual Course
Skip to the content
Chart JS Video Guide
Learn Chart JS via videos
  • Documentation
  • Chart JS Blog
  • Chart.js YouTube Channel
  • Contact Us Chart.js 3
  • Support My Work
  • Discord
  • en_USEnglish
  • Documentation
  • Chart JS Blog
  • Chart.js YouTube Channel
  • Contact Us Chart.js 3
  • Support My Work
  • Discord
  • en_USEnglish
  • Getting Started
  • Chart Types [10]
    • Bar Chart
    • Horizontal Bar Chart
    • Line Chart
    • Doughnut / Pie Chart
    • Bubble Chart
    • Time Scales Chart
    • Histogram Chart [3]
      • 1. How to Make a Histogram Chart
      • 2. How to Make a Histogram Chart
      • 3. How to Make a Histogram Chart
  • Chart JS Database [7]
    • Step 1: Creating Database Connection
    • Step 2: Adding the PHP code in HTML file
    • Step 3: Create a Bar Chart with Database Arrays
    • Step 4: Create a Bar Chart with Database Arrays Part 2
    • Step 5: Add Data Description in Database
    • Step 6: Adding Labels in Database
    • Step 7: Array Manipulation and Database
  • Chart.js Datalabels Plugin [19]
    • 1. How to add Chartjs-Plugin-Datalabels to Chart.JS
    • 2. Configuration Namespace in Chartjs Plugin Datalabels in Chart.JS
    • 3. Anchor Positioning Option in Chartjs Plugin Datalabels in Chart.js
    • 4. Align Positioning Option in Chartjs Plugin Datalabels in Chart.js
    • 5. Background Color Option in Chartjs Plugin Datalabels in Chart.js
    • 6. Border Color Option in Chartjs Plugin Datalabels in Chart.js
    • 7. Border radius option in Chartjs Plugin Datalabels in Chart.js
    • 8. Display option in Chartjs Plugin Datalabels in Chart.js
    • 9. Color and font option in Chartjs Plugin Datalabels in Chart.js
    • 10. Padding option in Chartjs Plugin Datalabels in Chart.js
    • 11. Layout options in Chartjs Plugin Datalabels in Chart.js
    • 12. Rotation options in Chartjs Plugin Datalabels in Chart.js
    • 13. Opacity options in Chartjs Plugin Datalabels in Chart.js
    • 14. Formatter options in Chartjs Plugin Datalabels in Chart.js
    • 15. Listeners options Chartjs Plugin Datalabels Chart.js
    • 16. textstrokecolor options in Chartjs Plugin Datalabels in Chart.js
    • 17. textshadowblur options in Chartjs Plugin Datalabels in Chart.js
    • 18. Clamp options in Chartjs Plugin Datalabels in Chart.js
    • 19. Clip options in Chartjs Plugin Datalabels in Chart.js
  • Chart.js Array Series [19]
    • 1. Array Variable Chart.js
    • 2. Array Push Chart.js
    • 3. Array Pop Chart.js
    • 4. Array Unshift Chart.js
    • 5. Array Shift Chart.js
    • 6. Array Fill Chart.js
    • 7. Array IndexOf Chart.js
    • 8. Array Length Chart.js
    • 9. Array Reverse Chart.js
    • 10. Array Slice Method Chart.js
    • 11. Array Sort Method Chart.js
    • 12. Array Sort Reverse Method Chart.js
    • 13. Array Sort Integer Method Chart.js
    • 14. Array Filter Method Chart.js
    • 15. Array Filter Method Chart.js
    • 16. Array Filter Method Chart.js
    • 17. Array Cartesian Category Axes 1 Chart.js
    • 18. Array Cartesian Category Axes 2 Chart.js
    • 19. Array Cartesian Category Axes 3 Chart.js
  • Chart.js Zoom Plugin Series [20]
    • 1. How to Add Chartjs Plugin Zoom in Chart.js
    • 2. Pan Options Chartjs Plugin Zoom in Chart.js
    • 3. Pan Mode Options Chartjs Plugin Zoom in Chart.js
    • 4. Pan Modifierkey Options Chartjs Plugin Zoom in Chart.js
    • 5. Pan Overscalemode Options Chartjs Plugin Zoom in Chart.js
    • 6. Pan Threshold Options Chartjs Plugin Zoom in Chart.js
    • 7. Zoom Options Chartjs Plugin Zoom in Chart.js
    • 8. Zoom Wheel Options Chartjs Plugin Zoom in Chart.js
    • 9. Zoom Wheel Speed Options Chartjs Plugin Zoom in Chart.js
    • 10. Zoom Wheel Modifierkey Options Chartjs Plugin Zoom in Chart.js
    • 11. Zoom Drag Options Chartjs Plugin Zoom in Chart.js
    • 12. Zoom Mode Options Chartjs Plugin Zoom in Chart.js
    • 13. Zoom Overscalemode Options Chartjs Plugin Zoom in Chart.js
    • 14. Zoom Drag Background Color Options Chartjs Plugin Zoom in Chart.js
    • 15. Zoom Drag Border Color Width Options Chartjs Plugin Zoom in Chart.js
    • 16. Zoom Drag Threshold Options Chartjs Plugin Zoom in Chart.js
    • 17. Zoom Pinch Options Chartjs Plugin Zoom in Chart.js
    • 18. Zoom Reset Button Chartjs Plugin Zoom in Chart.js
    • 19. Zoom In Button Chartjs Plugin Zoom in Chart.js
    • 20. Zoom Out Button Chartjs Plugin Zoom in Chart.js
  • Chart.js Background Color Series [9]
    • 1. Background color | Chart JS background Color Series
    • 2. Background Color Array | Chart JS Background Color Series
    • 3. Background Color Automatic | Chart JS Background Color Series
    • 4. Background Color Automatic Function | Chart JS Background Color Series
    • 5. Background Color Opacity | Chart JS Background Color Series
    • 6. Background Color Conditional Colors | Chart JS Background Color Series
    • 7. Background color gradient horizontal | Chart.js Background Color Series
    • 8. Background Color Gradient Vertical | Chart JS Background Color Series
    • 9. Background Color Gradient Diagonal | Chart JS Background Color Series
  • Chart.js Viewers Questions [40]
    • How to add data label only to the last data point of a line chart | Chart.js
    • How to use Select Dropdown to Update Chart Datasets Chart.js
    • How to Highlight Corresponding Doughnut Section Onhover of Legend Chart.js | Part 2
    • Onclick Effect Issue of Bar Chart Only Shows Highlighted Bar After Mouseout in Chart.js
    • How to Add Data Labels on Top of the Bar Chart in Chart.JS?
    • How can I remove array elements at the end of an array in Javascript? | Chart.js
    • How can I remove array elements at the beginning of an array in Javascript? | Chart.js
    • How can I add new array elements at the beginning of an array in Javascript? | Chart.js
    • How can I add array elements at the end of an array in Javascript? | Chart.js
    • How to get curved lines instead of straight lines in Chart.js
    • How can I show matching data points based on clicking on the matching div in Chart.JS
    • How can I show matching data points based on clicking on the matching div in Chart.JS Part 2.
    • How to add Rounded Borders on a Doughnut Chart in Chart.JS
    • How to put Rounded Corners on Bar Chart in Chart.JS 3
    • How to toggle datasets with a button in Chart.JS 3
    • How to make a custom legend in Chart.JS
    • How to truncate labels in Chartjs while keeping the full label value in the tooltips Chart.JS
    • How to hide gridlines in Chart.js 3
    • How to rotate the label text in a doughnut chart slice vertically in Chart JS
    • How to rotate the label text in a doughnut chart slice vertically in Chart JS Part 2
    • How to hide the x axis data names in the bar type Chart JS
    • How to display in the legend box xvalue yvalue and labels in Chart.js
    • how to make a vertical gradient fill line chart in chart js
    • How to add more than one chart on a page in Chart.js
    • How to add a rounded border for a single data in a doughnut chart in Chart.js 3
    • How to create a stacked bar chart with datasets stacked on top of each other with multiple colors 2
    • How to shorten long data labels on y axis in Chart.js
    • How to assign colors in a chart based on values in Chart JS
    • How to make a progressive line chart in Chart JS
    • How to use config and setup in a line chart in Chart JS
    • Chart JS Pie Chart
    • Chart JS Bar Chart
    • Chart JS Horizontal Bar Chart
    • How to change the label base on click in a bar chart in Chart JS
    • How to use chart destroy API and render new chart in Chart JS
    • How to use timescales and how to enter dates and time in Chart JS
    • Chart JS Bubble Chart Example
    • How to Make a Vertical Gradient Bar Chart Using Chart JS
    • How to make a vertical gradient bar chart using Chart JS Part 2
    • How to Add Rounded Borders on Legend Box Labels in Chart.js
  • Home
  • /
  • Documentation
  • /
  • Chart.js
  • /
  • Chart.js Viewers Questions

How to hide gridlines in Chart.js 3

Last modified July 3, 2021

Doc navigation

< How to truncate labels in Chartjs while keeping the full label value in the tooltips Chart.JS How to rotate the label text in a doughnut chart slice vertically in Chart JS >
Was this page helpful?
Yes 1 No

Leave a Reply Cancel reply

You must be logged in to post a comment.

© 2025 Chart JS Video Guide

Powered by WordPress

To the top ↑ Up ↑
en_USEnglish
zh_CNChinese fr_FRFrench de_DE_formalGerman ko_KRKorean pt_PTPortuguese (Portugal) pt_BRPortuguese (Brazil) es_ESSpanish viVietnamese en_USEnglish