Я использую d3js, который использует SVG, для создания диаграммы. Просмотрите его по адресу www.uscfstats.com/deltas (используйте 12842311 в качестве входного значения; прямо сейчасОЧЕНЬ взломан вместе).

В Chrome, Safari и Firefox 10 это отображало полный график, как и ожидалось, который занимал всю белую коробку. Однако в более поздних версиях Firefox (в частности, в 15) верхние 200 или около того пикселя SVG рендерится, но остальное обрезается.

Когда я открываю страницу в Firebug, я могу выделить элементы HTML, и кажется, что онивсе там, этоКак будто какая-то большая белая коробка закрывает нижние 75% моего графика (нетлюбой такой элемент HTML, хотя). У меня есть события кликов на точках, и те, которые отображаются, я могу щелкнуть, но те, которые неЯ не могу найти, но нажатие на них ничего не делает.

Я исправил проблему написав

var svg = d3.select("#scatterplot").append("svg").attr("width", "100%").attr("height", "100%");

Почему это работает и что случилось?