flexbox에서 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

. 따라서 의존성을 업데이트해야합니다.