2014-01-09 66 views
3

我最近使用的插件易饼图:rendro.github.io/easy-pie-chart/易饼图没有影响

在页面上,我已经包括了JS文件

<script src="vendor/easy-pie-chart-master/src/easypiechart.js"></script> 

我添加此代码

<div class="chart" data-percent="73" data-scale-color="red">73%</div> 

,并回顾了插件

<script type="text/javascript"> 
$(function() { 
    $('.chart').easyPieChart({ 
     //your configuration goes here 
    }); 
}); 
</script> 

但是,它并没有出现,但是,没有结果,属于正常编写的数字。 是什么原因?

控制台给我的错误,如:

Uncaught TypeError: Object [object Object] has no method 'easyPieChart' 

一些你能帮助我:谢谢大家提前

回答

4

我觉得easyPieChart.js路径不正确,检查路径或放弃

<script src="http://rendro.github.io/easy-pie-chart/javascripts/jquery.easy-pie-chart.js"></script> 

Fiddle

+0

感谢您的帮助,结果是这样的:jsfiddle.net/VPKDA/ 我在哪里可以找到您使用的css代码? – user2520113

+0

http://rendro.github.io/easy-pie-chart/stylesheets/jquery.easy-pie-chart.css。插件CSS – Manoj

+0

它工作..? – Manoj