Карусель BootstrapVue с компонентом диаграммы не будет отображаться, кроме первой диаграммы

#vue.js #bootstrap-vue

Вопрос:

Я хочу отображать диаграммы с помощью слайд-шоу , используя карусель bootstrap-vue, вставляя диаграмму в компонент b-карусель-слайд , но он отображает только первый слайд/диаграмму . вот мой компонент

   <b-carousel id="carousel-1" v-model="slide" :interval="4000" controls indicators>
      <b-carousel-slide img-blank v-for="(graph, index) in GraphData" :key="index">

                {{  graph.head_title}}
             <DaynamicChartGrapherCarousel :chartCode="graph.chartCode" />
     </b-carousel-slide>

    </b-carousel>
 

Как я могу отобразить все диаграммы на слайдах Карусели ?