Javascript 如何修复ChartJS中图表看起来模糊的问题？

我使用以下配置使用ChartJS制作了一个图表

var ctx = document.getElementById("myChart").getContext('2d');
    var myChart = new Chart(ctx, {
        type: 'line',
        data: {
            labels: labels,
            datasets: [{
                label: 'Voltage Fluctuation',
                data: data,
                borderWidth: 1,

                fill: false,
            }]
        },
        options: {
            scales: {
                xAxes: [{
                    type: 'time',
                    time: {
                        unit: 'minute',
                        displayFormats: {
                            hour: 'HH:mm:ss'
                        }
                    }
                }]
            },
        }
    });

这张图表有800个数据点，非常模糊。

---

有什么方法可以更改配置，使线条连续且清晰？

它是而不是模糊的。它看起来很模糊，因为有大量数据，并且数据点圆重叠

解决此问题的一种方法是将数据集的

点半径

属性设置为

0

，如下所示：

...
datasets: [{
   label: 'Voltage Fluctuation',
   data: data,
   borderWidth: 1,
   fill: false,
   pointRadius: 0  //<- set this
}]
...

。。。
数据集：[{
标签：“电压波动”，
数据：数据，
边框宽度：1，
填充：假，
pointRadius:0//谢谢。我现在将其设置为0.3，它看起来比上一次迭代要好得多，但颜色有点浅。要使其成为纯黑色线条，请将数据集的
pointBorderColor
/
pointBackgroundColor
设置为
黑色
。