Javascript 简易饼图&;jQueryUI冲突
我需要在我的项目中使用这两种方法。 但是,当我将jqueryui js文件链接到html文件时,所有图表百分比值都返回“NaN” 链接jqueryui之前:Javascript 简易饼图&;jQueryUI冲突,javascript,jquery,jquery-ui,easypie,Javascript,Jquery,Jquery Ui,Easypie,我需要在我的项目中使用这两种方法。 但是,当我将jqueryui js文件链接到html文件时,所有图表百分比值都返回“NaN” 链接jqueryui之前:http://jsfiddle.net/opjynaso/ 链接jqueryui之后:http://jsfiddle.net/opjynaso/1/ 有什么解决办法吗 HTML: JS: 哈-换衣服就行了 easing: 'easeInOutCirc' to 'easeInOut' easing: 'easeOutBounce' to 'ea
http://jsfiddle.net/opjynaso/
链接jqueryui之后:http://jsfiddle.net/opjynaso/1/
有什么解决办法吗
HTML:
JS:
哈-换衣服就行了
easing: 'easeInOutCirc' to 'easeInOut'
easing: 'easeOutBounce' to 'easeOutBounce'
.skill-items{
text-align: center;
}
.skill-chart-container{
width: calc(25% - 30px);
float: left;
padding: 15px;
}
.skill-chart-container{
margin-bottom: 55px;
}
.percent-container{
color: #333;
font-family: sans-serif;
font-size: 40px;
font-weight: 300;
padding-left: 5px;
position: relative;
top: 110px;
}
.percent-sign{
font-size: 16px;
margin-left: -6px;
}
.experience-title{
color: #333;
display: inline-table;
font-family: sans-serif;
font-size: 24px;
font-weight: 400;
margin-top: 30px;
}
$(document).ready(function(e) {
$('.chart').easyPieChart({
easing: 'easeInOutCirc',
animate:{ duration: 3000, enabled: true },
onStep: function(from, to, percent) {
$(this.el).find('.percent-number').text(Math.round(percent));
},
barColor: "#07cafa",
lineWidth:8,
lineCap:'butt',
scaleLength:20,
size:'166',
scaleColor:false,
trackColor:'rgba(255,255,255,0)'
});
});
easing: 'easeInOutCirc' to 'easeInOut'
easing: 'easeOutBounce' to 'easeOutBounce'