Zingchart：不能让它工作吗？引用错误：未定义 zingchart

Question

我正试图用Zingchart制作一些图表，但似乎无法正常工作。我用bower安装了它。在网站上，他们说你需要验证你的目录，我确实看到我的目录与他们显示的不同。

他们的：

 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 angular js']）；

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

Answer 2

由于存储库文件结构如您所经历的那样发生了更改，因此您所引用的页面似乎已过时。您收到的错误与html中未正确包含的文件有关。相反，您应该包括如下的zingchart：<script src="bower_components/zingchart/client/zingchart.min.js"></script>。

你查过ZingChart AngularJS指令了吗？它可能对您的开发有用，因为您使用的是AngularJS