Неполадки при отображении диаграммы CanvasJS: нет div

Question

Визуализация диаграммы canvajs в расширяемом элементе div, который по умолчанию при загрузке страницы свернут и не виден, создает проблему с перекрытием: диаграмма отображается на фоне следующих элементов div. Если я заменю диаграмму предопределенным изображением, это изображение будет правильно отображаться перед следующими элементами div. Я должен подчеркнуть, что

1. код для создания и рендеринга диаграммы находится внизу html-страницы
2. Я не могу зафиксировать размер в данных диаграммы, потому что он мне нужен быстроадаптируется к размеру div контейнера. Предопределенное изображение корректно адаптируется к размеру экрана.

Это фрагмент кода, в котором размещена диаграмма, его можно узнать по тегу примечания

        <div class="panel table-responsive">
                                            <div class="col-sm-12 col-xs-12 col-md-12 kp">
                                                <form>

                                                    <div class="col-sm-12 col-xs-12 col-md-12 nor-inputs no-padding"> 
                                                        <div class="col-sm-12 mmt-12 col-md-12 col-xs-12 side-padding">                           
                                                            <!-- <div id="chartContainer<?=$alarm->id?>"></div> -->
                                                            <img src="assets/img/graph.png" class="img-responsive full-img">
                                                        </div>    

                                                        <!-- <img src="assets/img/graph.png" class="img-responsive full-img"> -->
                                                    </div> 
                                                    <div class="col-sm-12 col-xs-12 col-md-12 nor-inputs no-padding">

                                                        <div class="col-sm-6 mmt-10 col-md-6 col-xs-12 side-padding">
                                                            <input type="text" class="form-control artdpic" name="min_price_threshold" placeholder="2.5 USD">
                                                            <h6 class="posi2">MIN</h6>
                                                        </div>

                                                        <div class="col-sm-6 mmt-10 col-md-6 col-xs-12 side-padding">
                                                            <input type="text" class="form-control artddpic" name="max_price_threshold" placeholder="2.5 USD">
                                                            <h6 class="posi2">MAX</h6>
                                                        </div>

                                                    </div>

Вот как правильно отображается макет, открывая свертываемый элемент div, когда первый элемент представляет собой изображение

, а это то, что происходит, когда я пытаюсь отобразитьграфик:

график идет за всеми остальными элементами. Есть идеи?