Javascript 如何将数据从阵列复制到apex热图?
我创建了一个apex热图,并添加了以下状态数据,用初始值填充该图Javascript 如何将数据从阵列复制到apex热图?,javascript,arrays,reactjs,charts,apexcharts,Javascript,Arrays,Reactjs,Charts,Apexcharts,我创建了一个apex热图,并添加了以下状态数据,用初始值填充该图 this.state = { seriesCompact: [{ name: '1', data: [45, 123, 4864, 1531, 121, 15] }, { name: '2', data: [534, 4534, 12, 784
this.state = {
seriesCompact: [{
name: '1',
data: [45, 123, 4864, 1531, 121, 15]
},
{
name: '2',
data: [534, 4534, 12, 784, 121, 8847]
},
{
name: '3',
data: [453, 453, 12, 453, 135, 51]
},
{
name: '4',
data: [4, 453, 45, 12, 44, 153]
},
{
name: '5',
data: [51, 513, 45, 12, 84, 21]
},
{
name: '6',
data: [434, 453, 8464, 534, 87643, 543]
},
],
}
我从数据库中提取数据并将其存储在一个数组中。它包含36个整数值
let data = [543,220195,56767,578433,45773,573335,501974,846359,88518,673208,
10086,705133,332856,449014,167144,102293,241678,661375,322747,830976,841206,254525, 17574,80045,717178,290102,59301,368118,
852860,246908,453454,601215,640807,530396,219809,986924];
我想用数组中的值替换上面6个数据字段中的数据
最好的方法是什么
谢谢大家! 我希望这将有助于:
for(让state.seriesCompact系列){
系列数据=数据;
num=num+6;
}
//结果:
console.log(state.seriesCompact)代码>这实际上取决于数据的结构。我假设您的数据是按6组顺序排列的(每个系列6个)。如果你提供更多细节,我可以更新我的答案
const updateSeriesData=数据=>{
//获取当前系列
设{seriesCompact}=this.state;
//在数据数组中移动并为`seriecompact[i].data`分配一个新的六个值
for(设i=0;i<6;i++){
//从开始对数据进行切片
//(6*i)并在(6*(i+1))处结束非结论性
seriesCompact[i].data=data.slice(6*i,6*(i+1));
}
//用新系列设置状态
this.setState({seriesCompact});
}
你能分享你的阵列吗?你能展示你到目前为止做了什么吗。再加一点细节