Vue 3 kullanıyorum, jsondan apexchartları çekip ve bir array içerisine gönderiyorum. Ardından Harici bir array içerisinde tuttuğum veriyi id değeri eşleşen ilgili apexchartin series içerisine gönderiyorum ancak apexchart güncellenmiyor. Sayfa içerisine herhangi bir değişiklik (yazı ekleme/silme) yaptığımda gönderdiğim verileri görebiliyorum.
apexchartın verilerinde bir değişiklik olduğunda chartı nasıl yeniden render edebilirim ?
let elementCustomize = reactive([]) let elementDataSeries = reactive([ { elementId : 2023024145531, dataId : 123453576978982, name : "Data 1", data : [-44,55,187,11,61,22,63,45,3] }, { elementId : 2023024145531, dataId : 1234567854, name : "Data 2", data : [-74,55,57,56,61,58,21,60,66] }, { elementId : 2023024145531, dataId : 123456, name : "Data 3", data : [-1,24,57,69,61,86,63,34,78] }, { elementId : 2023025111221, dataId : 123456, name : "Data 8", data : [-1,24,57,69,61,86,63,34,78] } ]) const updateSeries =(item)=>{ let matchingData = elementDataSeries.filter(e => e.elementId == item.id) if (matchingData){ for(let i = 0; i < elementCustomize.length; i++) { for(let j = 0; j < elementDataSeries.length; j++) { if(elementCustomize[i].elementId === elementDataSeries[j].elementId) { elementCustomize[i].series.push(elementDataSeries[j]); } } } }else{ console.log("no") } console.log(elementCustomize) }