• 25-01-2023, 14:25:40
    #1
    Merhaba,
    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)
    }
  • 25-01-2023, 14:29:07
    #2
    Apex için kullandığın değişkeni whatc ile izleyip, değişiklik olduğunda tekrar oluştura bilirsin diye düşünüyorum.
  • 25-01-2023, 14:33:57
    #3
    raidoexe adlı üyeden alıntı: mesajı görüntüle
    Merhaba,
    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)
    }
    this.statsChartOptions.xaxis.categories = this.dailyStats.categories
    this.$refs.statsDaily.updateOptions(this.statsChartOptions)
    this.statsCartSeries = this.dailyStats.data
    ben böyle kullanmışım.
  • 25-01-2023, 15:22:51
    #4
    Piramitweb adlı üyeden alıntı: mesajı görüntüle
    this.statsChartOptions.xaxis.categories = this.dailyStats.categories
    this.$refs.statsDaily.updateOptions(this.statsChartOptions)
    this.statsCartSeries = this.dailyStats.data
    ben böyle kullanmışım.
    Vue3 de sanırım $refs kullanılmıyor hocam, sabahtan beridir araştırıyorum çözemedim. Biraz ara verdim.
  • 25-01-2023, 18:07:12
    #5
    raidoexe adlı üyeden alıntı: mesajı görüntüle
    Merhaba,
    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)
    }
    elementCustomize'daki verileri mi kullanacak apex?
  • 25-01-2023, 23:59:58
    #6
    dev adlı üyeden alıntı: mesajı görüntüle
    elementCustomize'daki verileri mi kullanacak apex?
    Evet hocam, elementCustomize[x].series içerisine gönderiyorum verileri