Doughnut Chart with Center Label

[afreay]

Hello,

I am trying to develop a series of doughnut charts that will show a Label in the center of the Doughnut Chart’s hole. Any advice on how I can achieve this? Here’s an example for what I am trying to develop.

[Indranil]

@afreay,

You can position chart title in the center of doughnut by setting verticalAlign property to center. Please take a look at this JSFiddle for the same.

___________
Indranil Deo
Team CanvasJS

[codetonight]

Hello, this is what I want, but it is a little different, but the first time it is loaded, the number in the middle will count the total of how many slice percentages there are, for example 85%, that is, a simple counter.
Also, whichever language I click on, it will show the name of the language I clicked on in the middle, can this be possible thanks

[Vishwas R]

@codetonight,

You can update the chart title dynamically to reflect the name of the selected datapoint upon clicking. Please find the code-snippet below:

click: function(e) {
  e.chart.title.set("text", e.dataPoint.name);
}

Please take a look a this JSFiddle for an example of the same.

—
Vishwas R
Team CanvasJS

[codetonight]

thank you