如何在 ChartJS 標簽上方制作小網格線？
[英]How can I make small grid lines above ChartJS labels?
問題描述
我正在使用 Chart.js 來繪制一個簡單的折線圖。 如何在 xAxis 標簽上制作小網格線？
折線圖的文檔在這里： https://www.chartjs.org/docs/2.7.3/getting-started/?h=line ，但我找不到任何關於它的信息。
我刪除了 XAxis 和 YAxis 網格線。
這是所需的小網格線的示例：
提前致謝。
1 個解決方案
解決方案1
1 2021-12-15 16:15:22
您可以將drawOnChartArea設置為 false，而不是刪除網格線：
var options = { type: 'line', data: { labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], datasets: [{ label: '# of Votes', data: [12, 19, 3, 5, 2, 3], borderColor: 'pink' }, { label: '# of Points', data: [7, 11, 5, 8, 3, 7], borderColor: 'orange' } ] }, options: { scales: { x: { grid: { drawOnChartArea: false } }, y: { grid: { drawOnChartArea: false } } } }, } var ctx = document.getElementById('chartJSContainer').getContext('2d'); new Chart(ctx, options);
<body> <canvas id="chartJSContainer" width="600" height="400"></canvas> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.6.2/chart.js"></script> </body>
如何增加 ChartJS 中條形標簽 colors 的數量？
[英]How I can increase the number of colors for bar labels in ChartJS?
Chartjs annotations-plugin：我可以在同名的 x 軸標簽上添加多條垂直線嗎？
[英]Chartjs annotations-plugin: Can I add multiple vertical lines to identically named x-axis labels?
如何創建水平堆疊的條形圖，在條形圖上本身以及條形圖上的標簽？
[英]How can I create a horizontal stacked bar chart with labels on the bars themselves as well as labels above the bars?
如何保持水平標尺線下方的垂直線是chartjs？
[英]How can I keep the vertical lines under the horizontal ruler line is chartjs?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.