ChartJs：是否可以在線顯示較少或某個數據點？

Question

例如，附圖將所有點顯示為圓圈。 如果我想在每行上顯示最后一個數據點怎么辦？ 是否可以？

Answer 1

您可以為此使用可編寫腳本的 function：

 var ctx = document.getElementById("myChart"); var myChart = new Chart(ctx, { type: 'line', data: { labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], datasets: [{ label: '# of Votes', data: [12, 19, 3, 5, 2, 3], pointRadius: (context) => context.dataIndex == (context.chart.data.datasets[context.datasetIndex].data.length - 1)? 10: 0 // Default is 3, used 1- for more clarity }] }, options: { } });

 <script src="https://npmcdn.com/chart.js@4.2.0/dist/chart.umd.js"></script> <div class="myChartDiv"> <canvas id="myChart" width="600" height="400"></canvas> </div>