• 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