Zingchart:不能让它运转起来吗?参考错误:未定义zingchart

时间:2015-11-02 11:30:00

标签: javascript zingchart

我正在尝试用Zingchart制作一些图表,但我似乎无法使其正常工作。 我使用凉亭安装安装它。在网站上,他们说你需要验证你的目录,我确实看到我的目录不同。

他们的:

 bower_components
 -- zingchart
    -- zingchart.min.js
    -- modules
       -- ...
    -- custom
       -- ...

矿:

 bower_compentents
 -- zingchart
    -- client
       -- zingchart.min.js
       -- modules
          -- ...

我想要构建标准图表时遇到的错误如下:

ReferenceError:未定义zingchart

它指向代码中渲染图表的部分:

 zingchart.render({ 
        id:'chartDiv',
        data:chartData,
        height:400,
        width:600
    });

我正在使用javascript和angular。 我做错了什么?

2 个答案:

答案 0 :(得分:5)

  1. 您是否在html文件中包含了该脚本?

  2. 您是否直接将zingchart模块注入您的应用程序? 例如var app = angular.module('myapp',['zingchart-angularjs']);

  3. 您的.html脚本的顺序是否正确(必须按顺序加载) 角度> zingchart>你的zingchart呈现代码。

答案 1 :(得分:5)

由于repository文件结构已根据您的体验发生变化,因此您所引用的页面似乎已过时。您收到的错误与正确包含在您的HTML中的文件有关。 相反,您应该将zingchart包括在内:<script src="bower_components/zingchart/client/zingchart.min.js"></script>

你签出了ZingChart-AngularJS directive吗?由于您使用的是AngularJS,它在您的开发中非常有用