2017-02-02 2 views
1

Я реализовал круговые диаграммы, используя chart.js. В этом случае мне нужно отображать tooltip как процентное значение с одним десятичным знаком.Chart.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

Смежные вопросы