不允许使用svg属性<width>的负值</width>

Question

我正在尝试绘制两个谷歌树形图并将它们保留在标签中并收到错误：

不允许使用svg属性<width>的负值

只有一个树图可见。我假设另一个人无法完成绘画。控制台中没有其他错误描述。 （谷歌浏览器）。

我的代码： http://jsfiddle.net/tTqjr/

Answer 1

解决了这个问题。正在创建Google注释时间轴的div元素具有display:none属性。在调用绘图函数之前，确保将display:none更改为display:block。

Answer 2

感谢这不是OP的问题，但我有同样的错误，设置display: block;对我没有任何影响，但我在图表的div上有padding-top: 50px;，并删除它解决了我的问题！

Answer 3

我将两个div包裹在一个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>