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

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

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

0s0u357o

0s0u357o1#

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

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>

相关问题