我有这个数组在反应
const pallete = ['#5931B5', '#7842F5', '#2EABE3', '#F2711C']
我想创建一个函数,该函数将返回第一个十六进制,然后返回第二个...
getColor(){
//What code should I have here?
return COLOR
}
这是我的主要功能
updateArray(data){
const dataAux = data;
for(var key in dataAux.datasets) {
if (typeof dataAux.datasets[key].backgroundColor == 'undefined'){
//I want here to take the values from the first array (pallete) and give dataAux.datasets[key]... the first color, then when he reads it again the second one...
for(var i in pallete){
dataAux.datasets[key].backgroundColor = getColor(color????);
}
}
}
}
const Data具有对象数组,如下所示:
{labels: [1, 2, 3], datasets: [{label: 'Undefined', pointStyle: 'line', borderColor: pallete[0],borderWidth: 3,yAxisID: "bar-y-axis",data: [1, 2, 3]},{label: 'Undefined',backgroundColor: pallete[1],pointStyle: 'line',borderColor: pallete[1],borderWidth: 3,yAxisID: "bar-y-axis",data: [2, 4, 6]}]}
无需声明其他函数即可获取颜色。您可以使用以下代码获取颜色并将其设置为背景。
getColor(index){
//What code should I have here?
return pallete[index];
}
updateArray(data){
const dataAux = data;
var i=0;
for(var key in dataAux.datasets) {
if (typeof dataAux.datasets[key].backgroundColor == 'undefined'){
//I want here to take the values from the first array (pallete) and give dataAux.datasets[key]... the first color, then when he reads it again the second one...
dataAux.datasets[key].backgroundColor = getColor(i%4);
i++;
}
}
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句