如何在 ChartJS 中更改點的大小

Question

我想更改圖表中點的大小。

該點應盡可能小。 正在嘗試使用

pointHoverRadius: 1

但它不起作用。

提前致謝，

Answer 1

您還必須將pointRadius屬性設置為1 （因此該點最初變小）以及pointHoverRadius （懸停時仍然很小）

pointRadius: 1,
pointHoverRadius: 1

Answer 2

它確實需要進入數據集，如下所示：

{
    type: 'scatter',
    data: {
        labels: ['2015', '2016', '2017', '2018', '2019', '2020'],
        datasets: [
            {
                label: 'Cars',
                data: [{x:-10,y:0}, {x:0,y:10}, {x:10,y:5}, {x:4,y:8}],
                pointRadius: 10,
                ....
            },
            {
                label: 'Bikes',
                data: [{x:10,y:3}, {x:-2,y:6}, {x:9,y:3}, {x:11,y:6}],
                pointRadius: 10,
                ...
            }
        ]
    },
    options: {
       ...
    }

}