• 入門指南
• 圖表類型 ^[10]
  • 條形圖
  • 水平條形圖
  • 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 資料庫 ^[7]
  • 步驟 1：創建資料庫連接
  • 步驟 2：在 HTML 文件中添加 PHP 代碼
  • 步驟 4：使用資料庫數組創建條形圖（第 1 部分）
  • 步驟 4：使用資料庫數組創建條形圖（第 2 部分）
  • 步驟 5：在資料庫中添加數據描述
  • 步驟 6：在資料庫中添加標籤
  • Step 7: Array Manipulation and Database
• Chart.js 資料標籤插件 ^[19]
  • 1. 如何將 Chartjs-Plugin-Datalabels 添加到 Chart.js
  • 2. 在 Chart.js 中配置 Chartjs Plugin Datalabels 的命名空間
  • 3. 在 Chart.js 中配置 Chartjs Plugin Datalabels 的錨點定位選項
  • 4. 在 Chart.js 中配置 Chartjs Plugin Datalabels 的對齊定位選項
  • 5. 在 Chart.js 中，Chartjs Plugin Datalabels 的背景顏色選項
  • 6. 在 Chart.js 中，Chartjs Plugin Datalabels 的邊框顏色選項
  • 7. Border radius option in Chartjs Plugin Datalabels in Chart.js
  • 8. 在 Chart.js 中配置 Chartjs Plugin Datalabels 的顯示選項
  • 9. 在 Chart.js 中配置 Chartjs Plugin Datalabels 的顏色和字體選項
  • 10. 在 Chart.js 中，Chartjs Plugin Datalabels 的內邊距選項
  • 11. 在 Chart.js 中配置 Chartjs Plugin Datalabels 的佈局選項
  • 12. 在 Chart.js 中配置 Chartjs Plugin Datalabels 的旋轉選項
  • 13. 在 Chart.js 中配置 Chartjs Plugin Datalabels 的不透明度選項
  • 14. 在 Chart.js 中配置 Chartjs Plugin Datalabels 的 formatter 選項
  • 15. Chart.js 中 Chartjs Plugin Datalabels 的 listeners 選項
  • 16. 在 Chart.js 中配置 Chartjs Plugin Datalabels 的 textstrokecolor 選項
  • 17. 在 Chart.js 中配置 Chartjs Plugin Datalabels 的 textshadowblur 選項
  • 18. 在 Chart.js 中配置 Chartjs Plugin Datalabels 的夾緊選項
  • 19. Clip options in Chartjs Plugin Datalabels in Chart.js
• Chart.js 數組系列 ^[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