Zingchart: can't get it working? Reference error: zingchart is not defined

Question

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

他们的：

 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

您引用的页面似乎已过时，因为 repository 文件结构已如您所见发生变化。您收到的错误与文件未正确包含在 html 中有关。 相反，您应该按如下方式包含 zingchart：<script src="bower_components/zingchart/client/zingchart.min.js"></script> .

你看过ZingChart-AngularJS directive了吗？它可能对您的开发有用，因为您正在使用 AngularJS