кольцевая диаграмма angular-chart.js: как отобразить данные в центре диаграммы

Question

кольцевая диаграмма angular-chart.js: как отобразить данные в центре диаграммы

0

Я использую библиотеку angular-chart.js(https://jtblin.github.io/angular-chart.js/) для реализации диаграммы пончиков, и у меня есть требование: я хочу показать общие данные в середине диаграммы, как показано ниже

Проверьте это изображение

Могу ли я сделать это с текущей поддержкой библиотеки? Буду признателен за вашу помощь!

user3709671 19 авг. 2016, в 00:27

Источник

Теги:

angularjs

chart.js

angular-chart

1 ответ

Ещё вопросы

shaunhusain · Answer 1 · 2016-08-18T20-33-00.000Z

Ничего не вижу в Chart.JS, который позволил бы вам разместить какой-то текст, у них есть текст заголовка, но может быть только "сверху" или "снизу" http://plnkr.co/edit/oYQ1WKoNq78fGVIO5eEK?p=preview <- объединить plunkr, чтобы сориться с ним, но не похоже, что базовая библиотека поддерживает такой наложенный текст.

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