为图表js图例上的标签添加值

Question

我想在饼图图例上添加每个标签的值，而不仅仅是标签本身。在chart.js上有一个添加图例模板的选项，但它似乎不适用于newchart.js

Answer 1

我遇到了同样的问题并且花了一些时间来覆盖＆＃34; legendTemplate＆＃34;选项。我似乎默认的legendTemplate使用了无效的变量＆＃34;数据集＆＃34;现在应该是＆＃34;细分＆＃34;。

所以解决方案可能如下所示：

1. 复制legendTemplate的默认值
2. 替换所有＆＃34;数据集＆＃34;与＆＃34;细分＆＃34;
3. 添加＆＃34;＆lt;％= segments [i] .value％＆gt;＆＃34;到最后

示例：

  myNewChart = new Chart(chartContext).Pie(data, {
            legendTemplate : "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<segments.length; i++){%><li><span style=\"background-color:<%=segments[i].strokeColor%>\"></span><%if(segments[i].label){%><%=segments[i].label%>  <%=segments[i].value%><%}%></li><%}%></ul>"
        });

可悲的是，我无法修复传奇的CSS，因此颜色编码等不会显示。