Ich habe Probleme mit der Dimensionierung eines c3.js-Diagramms, das ich in einem Bootstrap-Collapsediv platziert habe. Ähnlich wie this question. Nach den Antworten versuche ich jedes Mal, wenn das c3-Diagramm geladen wird, eine Fenstergrößenänderung auszulösen, aber es scheint nicht zu funktionieren. Ich weiß, dass es eine grundlegende Frage ist (jquery ignorant), aber wie kann ich $(window).trigger('resize');
jedes Mal laufen, wenn ich das Diagramm lade oder das Panel-Collapse div öffne?Größe des Auslöserfensters bei Bootstrap-Komprimierung ändern
html:
<div class="col-sm-4">
<div class="panel-group">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" href="#collapse4"><center>Title</center></a>
</h4>
</div>
<div id="collapse4" class="panel-collapse collapse">
<div id="chart3"></div>
<div class="panel-footer"></div>
</div>
</div>
</div>
</div>
js:
$(function() {
var chart = c3.generate({
bindto: '#chart3',
data: {
columns: [
['data1', 30],
['data2', 50]
],
type: 'donut',
}
});
$(window).trigger('resize');
});
geändert '.panel-collapse collapse' für' .panel-collapse' und funktionierte perfekt – vabm