例如,在附图中,所有的点都显示为 * 圆圈 *。如果我想显示每行的最后一个数据点,怎么办?可以吗?
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: { }});
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>
<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>
1条答案
按热度按时间0s0u357o1#
您可以为此使用可编写脚本的函数: