我正在尝试用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。 我做错了什么?
答案 0 :(得分:5)
您是否在html文件中包含了该脚本?
您是否直接将zingchart模块注入您的应用程序? 例如var app = angular.module('myapp',['zingchart-angularjs']);
您的.html脚本的顺序是否正确(必须按顺序加载) 角度> zingchart>你的zingchart呈现代码。
答案 1 :(得分:5)
由于repository文件结构已根据您的体验发生变化,因此您所引用的页面似乎已过时。您收到的错误与正确包含在您的HTML中的文件有关。
相反,您应该将zingchart包括在内:<script src="bower_components/zingchart/client/zingchart.min.js"></script>
。
你签出了ZingChart-AngularJS directive吗?由于您使用的是AngularJS,它在您的开发中非常有用