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

时间:2016-08-05 14:37:23

标签: angularjs chart.js

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

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>

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

3 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

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

这样的事情:

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

然后像这样包装:

$(function(){
 buildChart()
})

答案 2 :(得分:0)

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