小编Ami*_*ghe的帖子

如何使用 Chart.js 在饼图中显示切片内部的切片值

我有一个场景,我需要在饼图中显示切片内部的切片值。我的网页上有超过 1 个饼图。下面的代码工作正常,但仅适用于第一个饼图,而对于其他饼图,其抛出错误如下,您能帮我解决这个问题吗?

错误:: unCaught TypeError: 无法读取未定义的属性“数据”。

 Code:: 
 options:{
 animation:{
 onComplete:function(){
      var ctx = this.chart.ctx;
      var dataset_obj = this.data.datasets;
      for (var i=0;i<dataset_obj.length; i++){
          var meta_obj = dataset_obj[i]._meta[i].data;
          for (var j=0; j<meta_obj.length; j++){
               var model =meta_obj[j]._model;
               start_angle= model.startAngle;
               end_angle = model.endAngle;
               mid_angle =start_angle + ( end_angle -start_angle)/2;
               mid_radius = model.innerRadius + (model.outerRadius -model.innerRadius)/2;
               var x =mid_radius*math.cos(mid_angle);
               var  y = mid_radius*math.cos(mid_angle);

               ctx.fillstyle='#fff';
               if (dataset_obj[i].data[j] != 0 && meta_obj[j].hidden != true){
                    ctx.fillText(dataset_obj[i].data[j], model.x+x, model.y+y);
               }
         }
      }
 }
 }
 }
Run Code Online (Sandbox Code Playgroud)

javascript pie-chart chart.js

2
推荐指数
1
解决办法
7162
查看次数

标签 统计

chart.js ×1

javascript ×1

pie-chart ×1