Chart.js 具有动态颜色的ChartJS

Chart.js 具有动态颜色的ChartJS,chart.js,Chart.js,我看到你关于, 除了左边的“库存”外,是否还需要为每个条单独贴上标签,例如沿y轴向下的18、82、22、80条? 下面是我指的链接。。。 您正在寻找以下内容: var图表=新图表(ctx{ 键入:“水平线”, 数据:{ 标签:[18,82,22,80], 数据集:[{ 数据:[1,2,3,4], 背景色:[“ff6384”、“36a2eb”、“ffce56”、“4bc0c0”、“9966ff”], 边框颜色:['#ff6384'、'#36a2eb'、'#ffce56'、'#4BC0C0C0'、

我看到你关于, 除了左边的“库存”外,是否还需要为每个条单独贴上标签,例如沿y轴向下的18、82、22、80条? 下面是我指的链接。。。

您正在寻找以下内容:

var图表=新图表(ctx{
键入:“水平线”,
数据:{
标签:[18,82,22,80],
数据集:[{
数据:[1,2,3,4],
背景色:[“ff6384”、“36a2eb”、“ffce56”、“4bc0c0”、“9966ff”],
边框颜色:['#ff6384'、'#36a2eb'、'#ffce56'、'#4BC0C0C0'、'#9966ff']
}]
},
选项:{
比例:{
xAxes:[{
滴答声:{
贝吉纳泽罗:是的
}
}]
},
图例:{
标签:{
发电机标签:功能(图表){
var标签=chart.data.labels;
var数据集=chart.data.datasets[0];
变量图例=labels.map(函数(标签、索引){
返回{
数据集索引:0,
文本:标签,
fillStyle:dataset.backgroundColor[索引],
strokeStyle:dataset.borderColor[索引],
线宽:1
}
});
返回图例;
}
}
}
}
});

您正在寻找以下内容:

var图表=新图表(ctx{
键入:“水平线”,
数据:{
标签:[18,82,22,80],
数据集:[{
数据:[1,2,3,4],
背景色:[“ff6384”、“36a2eb”、“ffce56”、“4bc0c0”、“9966ff”],
边框颜色:['#ff6384'、'#36a2eb'、'#ffce56'、'#4BC0C0C0'、'#9966ff']
}]
},
选项:{
比例:{
xAxes:[{
滴答声:{
贝吉纳泽罗:是的
}
}]
},
图例:{
标签:{
发电机标签:功能(图表){
var标签=chart.data.labels;
var数据集=chart.data.datasets[0];
变量图例=labels.map(函数(标签、索引){
返回{
数据集索引:0,
文本:标签,
fillStyle:dataset.backgroundColor[索引],
strokeStyle:dataset.borderColor[索引],
线宽:1
}
});
返回图例;
}
}
}
}
});


非常感谢您。这是我的一天,这是我正在寻找的一天,这解决了我的问题。非常感谢。这是我的一天,这是我一直在寻找的一天,这解决了我的问题。