VUE-chart.js：</p> <p>誰もがいずれかを持って計算プロパティとして利用できるデータが、しかし...

Question

データが計算プロパティ（スクリーンショットを参照）で提供されてチャートに表示されないが、PieChartコントロールに出て表示されませんアイデアなぜ？

CODE：

<script> 
import { Pie } from 'vue-chartjs' 
import * as types from '../store/mutationtypes' 
import { mapGetters, mapActions } from 'vuex' 

export default Pie.extend({ 
    mounted() { 
    statOrderStatus : this.$store.dispatch('getStatisticsForOrderStatus'), 
    this.renderChart({ 
    labels: this.orderStatusChartKeys, 
     datasets: [ 
     { 
      label: 'Ticketstatus', 
      backgroundColor: '#f87979', 
      data: this.orderStatusChartData 
     } 
     ] 
    }) 

    }, 
    computed: { 
    ...mapGetters(["statOrderStatus"]), 
    orderStatusChartData() { 
     let chartData = [] 
     this.statOrderStatus.forEach(function(orderStatus) { 
      chartData.push(orderStatus.doc_count) 
     })  
     return chartData 
    }, 
    orderStatusChartKeys() { 
     let chartKeys = [] 
     this.statOrderStatus.forEach(function(orderStatus) { 
      chartKeys.push(orderStatus.key) 
     })  
     return chartKeys 
    } 
    } 
}) 
</script> 

VUE情報：（クロームデバッグ）

Answer 1

チャートデータを算出するために計算されたプロパティを作ってみましょう：で

ルックchart.jsとhttps://www.webpackbin.com/bins/-KpNBtUKQ67-jSFRHtNe

datasets: [ 
     { 
      label: 'Ticketstatus', 
      backgroundColor: '#f87979', 
      data: this.orderStatusChartData 
     } 

。

computed: { 
    orderStatusChartData() { 
     let chartData = [] 
     this.statOrderstatus.forEach(function(orderStatus) { 
      chartData.push(orderStatus.doc_count) 
     })  
     return chartData 
    }