如何使用Chart.js在圆环图中添加文本？ [英] How to add text inside the doughnut chart using Chart.js?

问题描述

如何在圆环图中渲染文字，我正在使用 ChartJs 。

How to render Text inside the doughnut chart, I am using ChartJs.

推荐答案

你必须修改如下代码：
in chart.Doughnut.defaults

You have to modify the code like: in chart.Doughnut.defaults

labelFontFamily : "Arial",
labelFontStyle : "normal",
labelFontSize : 24,
labelFontColor : "#666"

然后在函数 drawPieSegments

ctx.fillText（data [0] .value +％，width / 2 - 20， width / 2,200）;

请参阅以下内容： https://github.com/nnnick/Chart.js/pull/35

这里是 http://jsfiddle.net/mayankcpdixit/6xV78/ 实施相同的工作。

here is a fiddle http://jsfiddle.net/mayankcpdixit/6xV78/ implementing the same.

这篇关于如何使用Chart.js在圆环图中添加文本？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！