Chart.js - 饼图中带有一个十进制值的tooltiptemplate

Question

I have implemented pie charts using chart.js. In that I need to display tooltip as percentage value with one decimal place.

I have tried so many ways but nothing seems to work.

Here is what I have tried:

 $.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 does not take any format or function.

Please recommend a solution.

Answer 1

您可以使用toFixed功能。

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