angular-chart.js 圆环图：如何在图表中心显示数据答案

【问题标题】：angular-chart.js doughnut chart : how to show data in the center of a chartangular-chart.js 圆环图：如何在图表中心显示数据
【发布时间】：2016-12-25 22:49:48
【问题描述】：

我正在使用 angular-chart.js 库（https://jtblin.github.io/angular-chart.js/）来实现圆环图，我有一个要求我想在图表中间显示总数据，如下所示

Check this image

我可以使用当前的库支持来做到这一点吗？非常感谢您的帮助！

【问题讨论】：

标签： angularjs chart.js angular-chart

【解决方案1】：

不，在 Chart.JS 中看不到任何可以让你定位一些文本的东西，它们有标题文本但只能是“顶部”或“底部”http://plnkr.co/edit/oYQ1WKoNq78fGVIO5eEK?p=preview

<!DOCTYPE html>
<html>

  <head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.2.1/Chart.js"></script>
    <link rel="stylesheet" href="style.css" />
  </head>

  <body ng-app="app" ng-controller="DoughnutCtrl">
    <h1>Hello Plunker!</h1>
    <canvas id="doughnut" class="chart chart-doughnut"
      chart-data="data" chart-labels="labels">
    </canvas> 
    <script data-require="angular.js@1.5.8" data-semver="1.5.8" src="https://code.angularjs.org/1.5.8/angular.js"></script>
    <script src="https://cdn.rawgit.com/jtblin/angular-chart.js/master/dist/angular-chart.js"></script>
    <script src="script.js"></script>
  </body>

</html>

【讨论】：