ChartJs:是否可以在线显示较少或某个数据点?

zi8p0yeb  于 2023-02-04  发布在  Chart.js
关注(0)|答案(1)|浏览(190)

例如,在附图中,所有的点都显示为 * 圆圈 *。如果我想显示每行的最后一个数据点,怎么办?可以吗?

0s0u357o

0s0u357o1#

您可以为此使用可编写脚本的函数:

  1. var ctx = document.getElementById("myChart");
  2. var myChart = new Chart(ctx, {
  3. type: 'line',
  4. data: {
  5. labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
  6. datasets: [{
  7. label: '# of Votes',
  8. data: [12, 19, 3, 5, 2, 3],
  9. pointRadius: (context) => context.dataIndex == (context.chart.data.datasets[context.datasetIndex].data.length - 1) ? 10 : 0 // Default is 3, used 1- for more clarity
  10. }]
  11. },
  12. options: {
  13. }
  14. });
  1. <script src="https://npmcdn.com/chart.js@4.2.0/dist/chart.umd.js"></script>
  2. <div class="myChartDiv">
  3. <canvas id="myChart" width="600" height="400"></canvas>
  4. </div>
展开查看全部

相关问题