2017-02-02 57 views
1

一个十进制值,我已经实现了使用chart.js之饼图。在我需要为带有一个小数位的百分比值,显示tooltipchart.js之 - tooltiptemplate在饼图

我已经试了很多方法,但似乎没有任何工作。

这是我曾尝试:

$.each(data,function(i,val){ 
      piedata.push({value:val.Count,color:val.color,label:val.name}); 
     }); 

     Chart.types.Pie.extend({ 
      name: "PieAlt", 
      draw: function(){ 
       Chart.types.Pie.prototype.draw.apply(this, arguments); 
       drawSegmentValues(this) 
      } 
     }); 

     var myPieChart = new Chart(ctx).PieAlt(piedata, { 
      tooltipTemplate: "<%= (circumference/6.283 * 100).toString().match(/^-?\d+(?:\.\d{0,1})?/)[0] %>%" 
     }); 

     var radius = myPieChart.outerRadius; 

tooltipTemplate没有采取任何格式或功能。

请推荐一个解决方案。

回答

0

可以使用toFixed功能。

(circumference/6.283 * 100).toFixed(1) 
+0

toFixed将围捕value..but我想用一个小数位alone..For前实际值:饼图的百分比的一个切片是51.534345%,我想显示51.5% – Nithya