Блог

У меня есть целый список верхних диаграмм, которые я буду отображать один за другим, используя метод slide showw. Для первого слайд-шоу мои верхние диаграммы отображаются идеально со 100% шириной. Но во втором слайд-шоу и далее размер верхних диаграмм изменяется на сторону по умолчанию, которая не соответствует моему атрибуту css на 100%. Могу ли я узнать, почему?

Насколько я понимаю, highcharts изменит размер в соответствии с моим тегом div.

Мой сценарий, как показано ниже

  <script>
var myIndex = 0;
$(document).ready(function () {

    carousel();
});

function carousel() {
    var i;
    var x = document.getElementsByClassName("chartSlideShow");


    for (i = 0; i < x.length; i  ) {

        x[i].style.display = "none";

    }

    myIndex  ;

    if (myIndex > x.length) {
        myIndex = 1
    }

    x[myIndex - 1].style.display = "inline-block";

    if (myIndex != x.length) {
        setTimeout(carousel, 5000); // Change image every 5 seconds
    }

}
  

Мой код страницы cshtml, как показано ниже

  @model Project.Models.ChartModel
 @if (Model.ListOfColumnChart != null amp;amp; Model.ListOfColumnChart.Count != 0)
    {

        foreach (var chart in Model.ListOfColumnChart)
        {

    <div class="chartSlideShow" style="width:100%">
        @chart.columnChart

    </div>


        }
    }
  

Ожидается :
Все верхние диаграммы будут отображаться со 100% шириной.

При первом показе слайдов он будет отображаться ровно на 100% по ширине

Во втором слайд-шоу он вернется к размеру по умолчанию, который не равен 100%

Буду признателен, если кто-нибудь из вас укажет на мою ошибку.