フレックスボックスでvue-chartjsが正しく動作しない場合、サイズ変更チャートが空白になる場合

Question

vue-chartjsを使用していますが、サイズを変更するたびに正しくレイアウトされていません。それは画面を超えています。また、サイズを変更すると、グラフが表示されなくなりましたが、しばらくしてから表示されますが、時には白くなりました。 Btw、私は応答するフレームワークのためにBulmaを使用しています。

これは、この写真のようになるはずです。

は、ここで私は、これがこのバグに関連していると思います私のコード

<script> 
import { HorizontalBar, mixins } from 'vue-chartjs'; 

const { reactiveProp } = mixins; 

export default { 
    extends: HorizontalBar, 
    mixins: [reactiveProp], 
    props: ['chartData', 'options'], 
    mounted() { 
    this.renderChart(this.chartData, { 
     responsive: true, 
     maintainAspectRatio: false, 
     responsiveAnimationDuration: 5, 
     scales: { 
     yAxes: [{ 
      ticks: { 
      beginAtZero: true, 
      }, 
      barThickness: 10, 
      maxBarThickness: 5, 
      categoryPercentage: 0.2, 
     }], 
     }, 
    }); 
    }, 
}; 
</script> 

Answer 1

の一つだ：最新バージョンで修正されてhttps://github.com/apertureless/vue-chartjs/issues/288

。したがって、依存関係を更新するだけです。