0 Вопрос: Диаграмма C3 продолжает генерироваться вне div, кроме перефокусировки на вкладке

вопрос создан в Thu, May 2, 2019 12:00 AM

По какой-то причине, когда страница загружается, мои диаграммы c3 генерируются вне div, но это исправляется, когда я переключаю вкладки и возвращаюсь. Не уверен, почему это происходит.

Вот диаграмма C3, которая вызывается в теге <script> в нижней части HTML:

var chart = c3.generate({
    bindto: '#nodes-os-chart',
    data: {
        columns: <%= @data %>,
        type : 'pie',
        onclick: function (d, i) { console.log("onclick", d, i); },
        onmouseover: function (d, i) { console.log("onmouseover", d, i); },
        onmouseout: function (d, i) { console.log("onmouseout", d, i); }
    },
    legend: {
        position: "right"
    }
});

Вот div, в который он должен загружаться:

р>

  <div class="row">
    	<div class="col-lg-5">
    		<center><h4>Top 5 OSes</h4></center>
    		<div id="nodes-os-chart"></div>
    	</div>
    	<div class="col-lg-7">
    		...another table...
    	</div>
    </div>

При переходе на страницу div фактически будет перекрываться со вторым - он будет фактически в середине страницы, а не в левой части страницы. Вот скриншот того, как это выглядит иногда:

 введите описание изображения здесь

а затем, как только я перехожу на другую вкладку и возвращаюсь, все отлично и отображается слева.

Есть идеи, как это исправить?

    
0
0 ответов                              0                         
источник размещен Вот