Отрицательное значение для атрибута svg <width>не допускается

Question

Я пытаюсь нарисовать две древовидные карты Google и держать их во вкладках, и получаю сообщение об ошибке:

Отрицательное значение для атрибута svg <width> не допускается

Видна только одна из древовидных карт.Я предполагаю, что другой не может закончить рисование.Нет другого описания ошибки в консоли.(Гугл Хром).

Мой код: http://jsfiddle.net/tTqjr/

Answer 1

Решил проблему.Элемент div, на котором создавалась временная шкала Google Annotated, имел свойство display:none.Просто убедитесь, что display:none изменено на display:block перед вызовом функции рисования.

Answer 2

Я обернул два своих делителя в пару строк строк / столбов Boostrap, чтобы решить их, и переключил их кнопками hide () / show () / toggle ().

С

<div class="row">
    <div class="col-md-12" id="chart_div">
    </div>
</div>
<div class="row">
    <div class="col-md-12" id="chart_div2">
    </div>
</div>

до:

<div class="row">
    <div class="col-md-12">
        <div id="chart_div">
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        <div id="chart_div2">
        </div>
    </div>
</div>

Answer 3

Оцените, что это не проблема ОП, но у меня была та же ошибка, и установка display: block; не имела для меня никакого значения, но у меня было padding-top: 50px; в div для диаграммы, и удаление, которое решило вопрос для меня!