如何为同一图表js条设置3种颜色？

Question

我的想法很简单。我需要一个chartjs，而不是只有一种颜色，我需要绘制不同的颜色到同一个酒吧，如。

Answer 1

我不确定你是否可以将三种颜色应用到同一个 "条形图 "上（这里是一个相对的术语）。但我知道你有能力创建堆叠图表，就像这里的这个例子。

https:/www.chartjs.orgsampleslatestchartsbarstacked.html

关键是在设置图表选项时将堆叠属性传递为真。例如

...
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
        }]
    }
}

我希望这能帮助你