如何在chart.js bar char中更改bar fillColor

fslejnso 于 2022-11-06 发布在 Chart.js

关注(0)|答案(1)|浏览(143)

我使用chart.js来绘制条形图。如何在chart.js中更改条形填充颜色。（我使用“条形图”）

var data = {
    labels : ["January","February","March","April","May","June","July"],
    datasets : [
        {
            fillColor : "rgba(220,220,220,0.5)",
            strokeColor : "rgba(220,220,220,1)",
            data : [65,59,90,81,56,55,40]
        },
        {
            fillColor : "rgba(151,187,205,0.5)",
            strokeColor : "rgba(151,187,205,1)",
            data : [28,48,40,19,96,27,100]
        }
    ]
}

fillColor : "rgba(220, 220, 220, 0.5)是什么意思？如何更改此颜色？

chart.js

来源：https://stackoverflow.com/questions/22952182/how-to-change-bar-fillcolor-in-chart-js-bar-char

1条答案

按热度按时间

pprl5pva1#

rgba代表绿色蓝alpha。参数如下：

rgba(x, y, z, w)

x：红色量（0-255）
y：绿色量（0-255）
z：蓝色量（0-255）
w：alpha值（不透明度）。1表示完全不透明，0表示完全透明

您也可以将Hex values指定为颜色：

{
    fillColor : "#ffff00",
    strokeColor : "#000000",
    data : [65,59,90,81,56,55,40]
}

如果不想使用RGBA值，则使用预定义的colour names：

{
    fillColor : "yellow",
    strokeColor : "black",
    data : [65,59,90,81,56,55,40]
}

赞(0）回复(0）举报 2022-11-06

我来回答

如何在chart.js bar char中更改bar fillColor

1条答案

相关问题

热门标签

最新问答