Chart.js设置全局点大小不起作用

Question

你好，我试图减少所有的图表，我有点的大小，在 文件 它说要通过

Chart.defaults.global.elements.rectangle.radius = 2

但是点的大小是不会改变的，虽然它可以在声明时通过手动设置来改变大小，但是如果能在全局范围内改变就更好了，因为我必须在网站的某个阶段动态地改变。

相关代码如下。

var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
    //Some looong data here
});

var ctx2 = document.getElementById('myChart2').getContext('2d');
var myChart2 = new Chart(ctx2, {
    //Some looong data here
});

var ctx3 = document.getElementById('myChart3').getContext('2d');
var myChart3 = new Chart(ctx3, {
    //Some looong data here
});

Chart.defaults.global.elements.rectangle.radius = 2

Answer 1

使用 全局点选项 而不是 全局矩形选项.

// Chart.defaults.global.elements.rectangle.radius = 2; // remove this line
Chart.defaults.global.elements.point.radius = 2;

你还必须把这一行移到你的代码上面。它应该在创建图表之前执行。