チャーティスト - ドーナツチャートの中心にテキストを追加

Question

テキストを中心にドーナツチャートを作成しようとしています。

合計値は、グラフを作成する関数に渡す変数です。上記チャートの

コードは以下の通りです：

new Chartist.Pie('.ct-chart', { 
      series: [{ 
       value: 10, 
       className: 'pieChart1', 
      }, { 
       value: 6, 
       className: 'pieChart2', 
      }, { 
       value: 5, 
       className: 'pieChart3', 
      }] 
     }, { 
      donut: true, 
      donutWidth: 20, 
      width: '138px', 
      height: '138px', 
      showLabel: false 
     }); 

は、誰かが私にドーナツ内のテキストを作成して助けてください、今のように、これは私が持っているものでしょうか？

Answer 1

これを行うためのプラグインがあります。 http://gionkunz.github.io/chartist-js/plugins.html#filldonut-plugin

THS依存性を実装して、オブジェクト定義のparamsにこのコードを追加します。

plugins: [ 
      Chartist.plugins.fillDonut({ 
       items: [{ 
        content: '<h3>160<span class="small">mph</span></h3>' 
       }] 
      }) 
     ],