2017-02-02 58 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