amCharts pie chart how to customize the balloon text

Dinesh picture Dinesh · Jan 19, 2014 · Viewed 7.4k times · Source

I am using amCharts pie chart (v3) and I want to customize the pop up balloon that comes on mouseover on a slice: in addition to routine text like [[value]] [[percent]],

  • (a) a text that depends on the data item, and

  • (b) provide different click options to the user depending on data item. Every data row might not have these possibilities in which case the options should not appear.

For example, the pie chart might show wine consumption by country. On hover, I want to provide the user two different click options - one to see consumption by season if available, plus another to see consumption by age group if available.

Is it possible to do so in amCharts? I saw an exit for event clickSlice() here http://docs.amcharts.com/3/javascriptcharts/AmPieChart but nothing on how to modify the balloon text on the fly and add behavior to the balloon that comes on hover.

Will greatly appreciate your help.

Answer

newbieee picture newbieee · Jan 28, 2015

You can use the following tags: [[title]], [[description]], [[value]] and [[percent]]. says the documentation.

I have used description for a custom field, it works fine.