Я пишу библиотеку, которая использует бутстрап и DC.js. Сетка библиотеки загрузок автоматически создается библиотекой. Я пытаюсь создать сетку с заголовком, а затем строку с двумя столбцами: первый столбец имеет две строки, каждый слот для одной диаграммы. Второй столбец имеет только одну строку для третьего графика. Это автоматически сгенерированный код JavaScript:DC.js с системой сетки бутстрапа
container = d3.select(\"body\")
.append(\"div\")
.attr(\"class\", \"container\")
.attr(\"style\", \"font: 12px sans-serif;\");
// Add a row for the dashboard title
var title = container.append(\"div\").attr(\"class\", \"row\");
title
.attr(\"class\", \"col-sm-12\")
.attr(\"id\", \"title\")
.attr(\"align\", \"center\");
title.append(\"h4\").text(\"Complex scene\");
var g1_0 = container.append(\"div\").attr(\"class\", \"row\");
var g1_0_0 = g1_0.append(\"div\").attr(\"class\", \"col-sm-6\");
var g1_0_1 = g1_0.append(\"div\").attr(\"class\", \"col-sm-6\");
g1_0_1.attr(\"id\", \"DateVolumeChart\");
var g2_0 = g1_0_0.append(\"div\").attr(\"class\", \"row\");
var g2_0_0 = g2_0.append(\"div\").attr(\"class\", \"col-sm-6\");
g2_0_0.attr(\"id\", \"DateOpenChart\");
var g2_1 = g1_0_0.append(\"div\").attr(\"class\", \"row\");
var g2_1_0 = g2_1.append(\"div\").attr(\"class\", \"col-sm-6\");
g2_1_0.attr(\"id\", \"DateCloseChart\");
Хотя три диаграммы показывают на экране, я ожидал, что две диаграммы на левой стороне будет приведен в соответствие с графиком справа и весь набор диаграмм будучи высоты 400: высота диаграммы слева 200 и высота диаграммы справа есть 400.
[Я хотел отправить изображение, но уже не надо достаточно репутацию]
Вместо изображения, имеющего высоту 400, первый график слева присваивается диаграммой справа. Но второй график слева начинается после окончания графика справа (400), а не после диаграммы слева (200), поэтому общая высота равна 600.