Question

我正在尝试在引导标签页中显示morrisjs图表。我在这里使用示例图表： Donut Chart

当我将<div id="example-donut">放在引导标签之外时，一切正常。将其放入引导标签

后

<div class="tabbable" id="tabs-936589">
  <div class="tab-content">
    <div class="tab-pane" id="mycharts">
      <div id="example-donut"></div>
    </div>
  </div>
</div>

我收到以下错误：

错误：＆lt; text＆gt;的值无效attribute transform =“matrix（NaN，NaN，NaN，NaN，0,0）”

如果我将它放在活动标签中，则无任何问题。

还有其他人遇到同样的问题吗？

Answer 1

这对我有用：

Morris.Donut.prototype.resizeHandler = function () {
    this.timeoutId = null;
    if (this.el && this.el.width() > 0 && this.el.height() > 0) {
        this.raphael.setSize(this.el.width(), this.el.height());
        return this.redraw();
    }
    else return null;
};
Morris.Donut.prototype.setData = function (data) {
    var row;
    this.data = data;
    this.values = (function () {
        var _i, _len, _ref, _results;
        _ref = this.data;
        _results = [];
        for (_i = 0, _len = _ref.length; _i < _len; _i++) {
            row = _ref[_i];
            _results.push(parseFloat(row.value));
        }
        return _results;
    }).call(this);
    if (this.el && this.el.width() > 0 && this.el.height() > 0) {
        return this.redraw();
    }
    else return null;
};

morris js donut并没有在bootstrap标签中呈现

1 个答案: