javascript - Zingchart：不能让它工作吗？参考错误：未定义zingchart

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和角度。我究竟做错了什么？

Answer 1

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

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

Answer 2

1. 您是否在 html 文件中包含脚本？

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

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