我在我的网站上使用angular-chart.js来创建一个饼图,我想自定义图例.默认情况下,图例显示颜色和标签.(如下图所示)我想添加该标签的值/数据,就像它在图表的工具提示中所显示的那样.
这是我的HTML代码:
<canvas id="pie" class="chart chart-pie"
chart-data="chartData" chart-labels="chartLabels" chart-options="chartOptions">
</canvas>
Run Code Online (Sandbox Code Playgroud)
基于angular-chart.js文档,legend现在是Chart.js选项,因此已删除了chart-legend属性.
这就是为什么,在我尝试添加的JS代码中generateLabels,以防万一我需要自定义图例:
$scope.chartOptions = {
legend: {
display: true,
labels: {
generateLabels: function(chart){
console.log(chart.config);
}
}
}
};
Run Code Online (Sandbox Code Playgroud)
但每当我添加这些行时,它都不会显示图表.我认为这是一个错误或其他什么.而且我不确定,generateLabels我是否需要正确的选择.
有人可以教我正确的方法来定制传奇,以实现我想要的吗?
提前致谢!