Javascript 简易饼图&;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

我需要在我的项目中使用这两种方法。 但是,当我将jqueryui js文件链接到html文件时,所有图表百分比值都返回“NaN”

链接jqueryui之前:
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'