vuex 저장소 데이터를 그래프에 전달할 수 없음

vuex 저장소 데이터를 그래프에 전달할 수 없음

현재 vuex store의 데이터를 apexchart 그래프로 전달하려고 합니다.근데 안 되는 것 같아요?내가 뭘 잘못했는지 누가 조언해줄래?주로 업데이트하려고 합니다.this.series그리고.this.chartOptions.labels정점 차트가 렌더링되기 전에 말이죠.

city Pie Chart.vue

<template>
  <apexchart type='pie' width='380' :options='generateChartOptions' :series='generateSeries'/>
</template>

<script>
export default {
  created () {

  },
  computed: {
    generateChartOptions () {
      this.chartOptions.labels = this.$store.getters.cities.cities
      return this.chartOptions
    },
    generateSeries () {
      this.chartOptions.series = this.$store.getters.cities.cities_count
      return this.series
    }
  },
  data: () => ({
    series: [],
    // series: [],
    chartOptions: {
      chart: {
        toolbar: {
          show: false
        }
      },
      labels: [],
      // labels: [],
      title: {
        text: 'Cities Analysis',
        align: 'left',
        floating: false
      },
      responsive: [
        {
          breakpoint: 480,
          options: {
            chart: {
              width: 200
            },
            legend: {
              position: 'bottom'
            }
          }
        }
      ]
    }
  })
}
</script>

<style>
</style>

계산 속성에서generateSeries(), getter를 에 할당합니다.this.chartOptions.series, 그러나 반환.this.series어느 것이undefined.

generateChartOptions()그래프 라이브러리를 잘 모르기 때문에 괜찮을지도 모르지만, 당신은 그것을 에 할당하고 있습니다.this.chartOptions.labelsabd 복귀만this.chartOptions.

언급URL : https://stackoverflow.com/questions/57021007/not-able-to-pass-vuex-store-data-to-graph