Chart.js 2.2.1 - 在调整大小之前，图表无法正确呈现

Question

就像标题所说，我的图表无法正确呈现：

enter image description here

这是我的HTML：

<div ng-show="!(loading)">
<div class="col-md-12">
        <div class="panel panel-default">
            <div class="panel-body" >

                <canvas id="base"></canvas>
            </div>
        </div>
    </div>
</div>

我的图表设置为在选项中响应。任何建议都会被贬低！

Answer 1

我有一次出现同样的问题而且问题出现了，因为在我的“图表”中填充的元素在加载时不存在。在将图表放入其中之前，请检查您的HTML是否正常。

顺便问一下，你有更多代码可以提供给我们吗？它会更容易帮助你

Answer 2

您需要创建一个实际运行的函数，并在渲染父元素后构建图表。您可以通过将该函数包装在文档就绪标记中来完成此操作。这样，当文档准备就绪时，该函数将在知道父元素大小后触发并构建图表。

这样的事情：

function buildChart(){
//Build your chart here
}

然后像这样包装：

$(function(){
 buildChart()
})

Answer 3

不知道发生了什么，但它现在正常工作......我刚刚从旧版本中清除了一些文件。没有时间尝试任何解决方案，但感谢您的回答！