Colors Chart.js更改条形图条形图内*值的颜色

Colors Chart.js更改条形图条形图内*值的颜色,colors,label,chart.js,Colors,Label,Chart.js,所以我想做的是改变条形图中条形图内数值的颜色。我尝试了所有的选择,也有一支似乎不起作用的钢笔: [1] :]这里有两个问题: 您需要包含脚本才能使用它。确保在主Chart.js库之后包含此脚本: 您的数据标签选项应该嵌套在键插件中 以下是正确的配置: { 类型:“水平条”, 数据:{ 标签:[“红色”、“琥珀色”、“绿色”], 数据集:[ { 背景颜色:[“db5935”、“f0ae43”、“3cba9f”], 数据:[2,-4,6] } ] }, 选项:{ 图例:{display:fals

所以我想做的是改变条形图中条形图内数值的颜色。我尝试了所有的选择,也有一支似乎不起作用的钢笔:


[1] :]

这里有两个问题:

  • 您需要包含脚本才能使用它。确保在主Chart.js库之后包含此脚本:

  • 您的
    数据标签
    选项应该嵌套在键
    插件

  • 以下是正确的配置:

    {
    类型:“水平条”,
    数据:{
    标签:[“红色”、“琥珀色”、“绿色”],
    数据集:[
    {
    背景颜色:[“db5935”、“f0ae43”、“3cba9f”],
    数据:[2,-4,6]
    }
    ]
    },
    选项:{
    图例:{display:false},
    标题:{display:true,文本:“健康变化”},
    插件:{
    数据标签:{
    颜色:“蓝色”,
    标签:{
    标题:{颜色:“蓝色”,字体:{重量:“粗体”},
    值:{color:“green”}
    }
    }
    }
    }
    }
    
    看起来是这样的:

    这是您更新的代码笔:

    [![Bar Chart][1]][1]