首页 文章

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

提问于
浏览
0

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

Check this image

我可以使用当前的库支持吗?非常感谢你的帮助!

1 回答

  • 1

    没有在Chart.JS中看不到任何可以让你定位这样的文字的东西,它们有 Headers 文字,但只能是"top"或"bottom" http://plnkr.co/edit/oYQ1WKoNq78fGVIO5eEK?p=preview < - 把一个plunkr放在一起用它来捅但看起来不像底层的lib支持那种重叠的文本 .

    <!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>
    

相关问题