ChartJs React-如何在工具提示中阻止ChartJs将我的数字四舍五入到小数点后3位

Question

我的ChartJs折线图中的工具提示存在舍入问题。当我将鼠标悬停在图表上的数据点上时，工具提示会显示我的数据的四舍五入版本(通常是3个小数点，如果后面有0，则更少(。有没有办法在工具提示中停止自动取整并显示完整的数字？

这是我的代码和问题的屏幕截图。

const LineChart = () => {
const [dataForChart, setDataForChart]=useState<any[]>([1.0023, 1.0231, 1.0347412, 1.03541, 1.0434, 1.04001, 1.0459])
const [labelsForChart, setlabelsForChart]=useState<any[]>(['Jan', 'Feb', 'Mar', 'Apr', 'May', 'June', 'July'])

const options = {
responsive: true,
plugins: {
legend: {
display:false
},
title: {
display: true,
text: 'Price',
},
},
};

const data = {
labels: labelsForChart,
datasets: [
{
label: 'Price',
data: dataForChart,
borderColor: 'green',
backgroundColor: 'green',
},
],
};

return (
<div>
<Line options={options} data={data} />
</div>
);
};
export default LineChart;

工具提示的屏幕截图

Answer 1

尝试使用标签回调它可以修改工具提示文本

将您的选项更改为

const options = {
responsive: true,
plugins: {
legend: {
display:false
},
title: {
display: true,
text: 'Price',
},
tooltip: {
callbacks: {
label: function(context) {
return context.dataset.label;
}
} 
}
},
};