製圖員 - 添加文字到甜甜圈圖表的中心

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

實施部份的依賴性，而這種代碼添加到您的對象定義PARAMS：

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