Как я могу установить 3 цвета на один и тот же график js бар?

Question

моя идея проста: мне нужен график js, и вместо одного цвета мне нужно нарисовать разные цвета на одном и том же баре, например:

Answer 1

Я не уверен, что вы можете применить три цвета к одной и той же "полосе" (здесь это относительный термин). Но я знаю, что у вас есть возможность создавать составные диаграммы, как показано в следующем примере:

https://www.chartjs.org/samples/latest/charts/bar/stacked.html

Ключ должен передавать свойство с накоплением как true, когда настройка параметров диаграммы. Пример:

...
options: {
    title: {
        display: true,
        text: 'Chart.js Bar Chart - Stacked'
    },
    tooltips: {
        mode: 'index',
        intersect: false
    },
    responsive: true,
    scales: {
        xAxes: [{
            // MAGIC HERE
            stacked: true,
        }],
        yAxes: [{
            // AND HERE
            stacked: true
        }]
    }
}

Надеюсь, это поможет вам.