如何为谷歌甜甜圈饼图制作自定义图例标记?

时间:2015-08-22 10:43:24

标签: angularjs google-visualization legend

我是angularjs和谷歌排行榜的新手,我使用谷歌图表获得甜甜圈饼图,但我最终没有选择更改圆圈的圆形饼图的默认图例标记。

那么如何使用谷歌图表将自定义图例标记添加到饼图?

这是我的代码(Index.html):

<body ng-controller="MainCtrl">
   <div google-chart chart="chart"></div>
</body>

的script.js:

     var app = angular.module('myApp', [ 'googlechart' ]);

      app.controller('MainCtrl', function($scope) {
         var chart1 = {};
          chart1.type = "PieChart";
          chart1.data = [
          ['Component', 'cost'],
          ['Software', 50000],
          ['Hardware', 80000]
          ];
         chart1.data.push(['Services',20000]);
         chart1.options = {
            displayExactValues: true,
            pieSliceText:'value',
            donut:'true',
            pieHole:.5,
            width: 400,
            height: 200,
           chartArea: {left:10,top:10,bottom:0,height:"100%"}
          };
          $scope.chart = chart1;

});

欢迎任何建议。感谢

1 个答案:

答案 0 :(得分:0)

不幸的是,这是不可能的。我有完全一样的问题。唯一的方法 - 关闭传奇 - legend : 'none',并自己制作。详细信息: http://guide.couchdb.org/editions/1/en/cookbook.html#aggregate