Вкладка Bootstrap 4 on chlick не заполняет контент ⇐ CSS

[Anonymous]

У меня есть строка начальной загрузки с 4 столбцами (COL-LG-3). В пределах одного из столбцов находится элемент-контейнер. Когда страница отображается, JavaScript заполняет и заполняет карту правильно, однако, когда я нажимаю на следующую вкладку, содержимое переполняет поле и вообще не визуализируется в ширине Div. < /P>
Я попытался добавить style = "width: 200px" к любым и всем контейнерам Div в этом столбце, но ни один из них не даст, когда я нажимаю на вкладку. < /P>

Код содержимого вкладки:


















  by Flights


  by Distance






< /code>
код Javascript (на случай, если я что-то здесь упускаю): < /p>

$(function () {
CanvasJS.addColorSet(
"blueShades2",
[ //colorSet Array
"#074b83",
"#085a9d",
"#0a69b7",
"#0b78d1",
"#0c87eb",
"#2196f3",
"#4daaf6",
"#79bff8",
"#a6d4fa",
"#d2eafd"
]
);
var TopAirports = new CanvasJS.Chart(
"TopAirports",
{
zoomEnabled: false,
axisX:{
reversed: true
},
animationEnabled: true,
colorSet: "blueShades2",
toolTip:{content: "{name}: {y}"},
data: [{
type: "bar",
indexLabelFontSize: 14,
indexLabel: "{y}",
indexLabelPlacement: "outside",
indexLabelOrientation: "horizontal",
dataPoints:
}]
}
);
var TopAirlinesFlights = new CanvasJS.Chart(
"TopAirlinesFlights",
{
zoomEnabled: false,
animationEnabled: true,
colorSet: "blueShades2",
axisX:{
reversed: true
},
toolTip:{content: "{name}: {y}"},
data: [{
type: "bar",
indexLabelFontSize: 14,
indexLabel: "{y}",
indexLabelPlacement: "outside",
indexLabelOrientation: "horizontal",
dataPoints:
}]
}
);

var TopAirlinesDistance = new CanvasJS.Chart(
"TopAirlinesDistance",
{
zoomEnabled: false,
animationEnabled: true,
colorSet: "blueShades2",
axisX:{
reversed: true
},
toolTip:{content: "{name}: {y}"},
data: [{
type: "bar",
indexLabelFontSize: 14,
indexLabel: "{y}",
indexLabelPlacement: "outside",
indexLabelOrientation: "horizontal",
dataPoints:
}]
}
);

TopAirlinesFlights.render();
TopAirports.render();
TopAirlinesDistance.render();
});



Подробнее здесь: https://stackoverflow.com/questions/560 ... ll-content