@JordanBelford

Как сделать цвет заливки у графика градиентом?

Добрый вечер! Как можно сделать цвет заливки градиентом? Пробовал свойству backgroundColor передать
linear-gradient(180.5deg, #3B69DE 0.43%, rgba(59, 105, 222, 0) 99.57%);
ничего не вышло, как можно исправить данную проблему?
Листинг:
let ctx = document.getElementById('myChart').getContext('2d');
let myChart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: ['1 Янв', '2 Янв', '3 Янв', '4 Янв', '5 Янв', '6 Янв'],
        datasets: [{
            label: 'Количество клиентов',
            data: [112, 213, 163, 52, 79, 39],
            /*заливка графика*/
            backgroundColor: 'rgba(255, 99, 132, 0.2)',
            borderColor: '#3B69DE',
            borderWidth: 2,
            /*при наведение на точку*/
            pointHoverBackgroundColor: '#fff',
            pointHoverBorderColor: '#3B69DE',
            pointHoverBorderWidth: 2,
            pointHoverRadius: 5
        }]
    },
    options: {
        scales: {
            yAxes: [{
                ticks: {
                    beginAtZero: true
                }
            }]
        }
    }
});
  • Вопрос задан
  • 265 просмотров
Решения вопроса 1
LenovoId
@LenovoId
I want, women not to get sick
Там же канвас - стало быть будут работать нативные методы
то есть : backgroundColor: gradient,

https://developer.mozilla.org/ru/docs/Web/API/Canv...
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы