如何解决如何仅显示工具提示以在反应图表中显示 x 值
我有一个折线图，其中我只显示四个值，但我的数据集更大，并且可以为所有数据集显示在线点。有没有办法只为显示的 x 值显示圆形指针？
解决方法
您可以为此使用可编写脚本的选项：
var options = {
type: 'line',data: {
labels: ["Red","Blue","Yellow","Green","Purple","Orange","Red","Orange"],datasets: [{
label: '# of Votes',data: [12,19,3,5,2,12,3],backgroundColor: 'red',borderColor: 'red',radius: (ctx) => {
let radius = 0;
ctx.chart.scales.x.ticks.forEach((tick) => {
if (tick.value === ctx.dataIndex) {
radius = 5;
}
})
return radius;
}
}]
},options: {}
}
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.4.1/chart.js"></script>
</body>版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
