javascript - Chart.js - 饼图中具有一位小数值的工具提示模板

标签 javascript chart.js

我已经使用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 不采用任何格式或函数。

请推荐一个解决方案。

最佳答案

您可以使用toFixed函数。

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

关于javascript - Chart.js - 饼图中具有一位小数值的工具提示模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41997672/

相关文章:

javascript - 使用数组元素进行搜索并使用 javascript 替换所有元素?

javascript - Chart.js 类型错误 : context is null

javascript - 尝试向 Canvas 文本添加颜色渐变

javascript - json_encode 返回“

javascript - 在 Angular-chart.js 中动态创建的 Canvas 上创建图表

javascript - 访问已创建的 Chart.js 图表

javascript - 如何更新charts.js的值字段中的JS变量?

javascript - 在 javascript 对象生成的链接中使用 'this'

javascript - 如何使用 JavaScript 输出数组中出现的次数

javascript - 为什么我的 javascript 函数被完全忽略? (非常简单的例子)