Диаграмма. 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;

Вы также должны переместить эту строку поверх вашего кода. Это должно быть выполнено до создания ваших графиков.