不允许 svg 属性 <width> 的负值答案

【问题标题】：A negative value for svg attribute <width> is not allowed不允许 svg 属性 <width> 的负值
【发布时间】：2016-10-12 22:32:39
【问题描述】：

我正在尝试绘制两个谷歌树形图并将它们保存在选项卡中并收到错误：

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

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

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

【问题讨论】：

您是否已经检查过weight 的负值？
不确定我是否理解您的问题。如果我删除试图“tabify”它们的代码，我可以绘制两个树形图。

标签： svg visualization treemap

【解决方案1】：

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

【讨论】：

这刚刚解决了与 angularjs 相同的问题。谢谢！
我在一个带有 CSS border: 1px solid; 的 div 中有一个 google.visualization.PieChart，这导致了同样的问题。删除它可以解决问题！

【解决方案2】：

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

【讨论】：

【解决方案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>

【讨论】：