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

Question

我正在使用 Chart.js 来开发饼图。我的图表工作正常，我需要做的就是在饼图的图例部分显示百分比。请引用下图:[

我想在图例部分(高亮部分)显示百分比。如何在饼图的图例处添加百分比？或者也可以使用 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>"