Zingchart:不能让它起作用吗？参考错误:未定义zingchart

Question

我试图用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.我究竟做错了什么？

Answer 1

1. 你是否在你的html文件中包含了脚本？

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

3. 您的脚本是否在.html中的顺序正确(必须按顺序加载)angular> zingchart>您的zingchart渲染代码.

Answer 2

您所引用的页面似乎已过时,因为存储库文件结构已根据您的经历进行了更改.您收到的错误与正确包含在您的HTML中的文件有关.相反,你应该包括zingchart如下:<script src="bower_components/zingchart/client/zingchart.min.js"></script>.

你检查过ZingChart-AngularJS指令了吗？由于您使用的是AngularJS,因此它可能对您的开发很有用