Legend Click on Pie

• July 11, 2017 at 8:01 pm #15542
  
  Cristi S.

  A click on a legend item, for a pie, will hide or show ALL data series. It will either hide or render the whole pie.

  To repro, copy and paste the itemclick event from Hide Unhide Data Series on Legend Click into a Pie chart like this one. Or take a look at my fiddle: http://jsfiddle.net/cristiscu/so6ao1gn/1/

  Cheers,
  Cristi

  July 11, 2017 at 9:32 pm #15545
  
  Suyash Singh

  Cristi,

  As of now, visible property is applicable only at dataSeries level. However, in pie and doughnut charts, the legends are shown for individual dataPoints rather than dataSeries. In your fiddle, you are hiding the entire dataSeries of pie chart, so the entire chart gets hidden.

  Instead, on legend click, you can manipulate the dataPoints and render the chart as per your requirement.
  ___
  Suyash Singh
  Team CavasJS

  July 11, 2017 at 9:44 pm #15547
  
  Cristi S.

  You’re right, Suyash, pie/doughnut charts are single series.

  Given this is a common requirement (many competitors implement this feature as built-in, see an example), I would truly appreciate a working sample, if you have better knowledge on how to manipulate those dataPoints. I tried without success.

  Thanks,
  Cristi

  • This reply was modified 7 years, 4 months ago by Cristi S..
  • This reply was modified 7 years, 4 months ago by Cristi S.. Reason: added example
  July 13, 2017 at 10:38 am #15563
  
  Indranil

  Cristi,

  You can achieve this by using itemclick in legend.

  Please take a look at this work-around

  July 13, 2017 at 8:20 pm #15568
  
  Cristi S.

  Brilliant! Thanks, Indranil.