Question

我正在使用easypiechart绘制图表，当我尝试使用github页面提供的代码更新javascript中的百分比值时，返回此信息：


index.html:151 Uncaught TypeError: Cannot read property 'update' of undefined
    at index.html:151

我在香草js中尝试使用jquery，并且始终遇到相同的问题

那是我HTML的结尾：

   <script type="text/javascript">
   $(function refreshChart() {
     setTimeout(function() {
         $('.chart').data('easyPieChart').update(40);
     }, 5000);
});
   </script>

Answer 1

看来，使它起作用的一种方法是首先在图表元素上实际实例化饼图，然后用数据填充它。

将此位放在更新行之前，它应该可以工作。这也是您可以控制图表属性（例如颜色和大小）的空间：

$('.chart').easyPieChart({

  });

因此整个块可能看起来像：

$(function() {
  $('.chart').easyPieChart({

  });

  $('.chart').data('easyPieChart').update(45);
});

您可能已经看过文档，尽管从扫描过程看并不太清楚：https://github.com/rendro/easy-pie-chart

Answer 2

我已经在香草JS中启动了我的图表，如下所示：

new EasyPieChart(element2, {
    scale : false,
    barColor : '#80B64F',
    scaleColore : false,
    lineWidth : 6

});

使用Javascript更新EasyPieChart的百分比时出现问题

2 个答案: