如何使用chart.js将百分比值添加到饼图中的图例字段

Question

我正在使用chart.js开发饼图。我的图表工作正常我需要做的是显示我的饼图的图例部分的百分比。 请参考以下图片：[

我想在Legend部分显示百分比（heighlited部分）。 如何在饼图中添加legent的百分比？或者也可以使用chart.js获得如下图表：

Answer 1

您必须将legendTemplate属性更改为以下内容：

legendTemplate : "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<datasets.length; i++){%><li><span style=\"background-color:<%=datasets[i].fillColor%>\"></span><%if(datasets[i].label){%><%=datasets[i].label%> : <%=datasets[i].points[datasets[i].points.length-1].value%><%}%></li><%}%></ul>"