Question

我使用chart.js实现了饼图。因此，我需要将tooltip显示为百分比值，并带有一个小数位。

我尝试了很多方法，但似乎没有任何效果。

以下是我的尝试：

 $.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不接受任何格式或功能。

请推荐一个解决方案。

Answer 1

您可以使用toFixed功能。

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

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

1 个答案: