2016-08-18 54 views
0

ドーナツチャートを実装するためにangular-chart.jsライブラリ(https://jtblin.github.io/angular-chart.js/)を使用していますが、私には必要条件があります 私は合計データを表示したいangular-chart.jsドーナツチャート:グラフの中央にデータを表示する方法

Check this image

以下のようにチャートの真ん中で、私は現在のライブラリをサポートしていることを行うことができますか?私はあなたの助けに感謝します!

答えて

1

いいえ、Chart.JSのようなテキストを置くことはできませんが、タイトルテキストは「トップ」または「ボトム」しかありませんhttp://plnkr.co/edit/oYQ1WKoNq78fGVIO5eEK?p=preview < - その下にある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="[email protected]" 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> 
関連する問題