如何调试morris.js'找不到图形容器元素'错误

Question

我想显示morris.js图表

我的页面底部有以下内容。

<script src="/assets/raphael.js?body=1" type="text/javascript"></script>
<script src="/assets/morris.js?body=1"  type="text/javascript"></script>

<script type="text/javascript">
Morris.Line({
    element : 'line-example',
    data    : $('#averages-chart').data('averages'),
    xkey    : 'month',
    ykeys   : ['average'],
    labels  : ['Average']
});
</script>
</body>
</html>

但是我在控制台中收到以下错误：

  

错误：找不到图表容器元素       抛出新错误（“未找到图形容器元素”）;

如果我在资产管道中加载javascript（但这会导致所有其他javascript无效），那么图形容器就可以正常渲染了。

请帮忙调试。

我也尝试过：

<script type="text/javascript">
$(window).bind("load", function() {
    Morris.Line({
        element : 'line-example',
        data    : $('#averages-chart').data('averages'),
        xkey    : 'month',
        ykeys   : ['average'],
        labels  : ['Average']
    });
});
</script>

Answer 1

不存在id为'line-example'的html div。添加它。该图表将显示在那里。