小编Chr*_*sta的帖子

如何在angular-chart.js饼图中制作自定义图例

我在我的网站上使用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我是否需要正确的选择.

有人可以教我正确的方法来定制传奇,以实现我想要的吗?

提前致谢!

angularjs angular-chart

6
推荐指数
1
解决办法
8086
查看次数

标签 统计

angular-chart ×1

angularjs ×1