Topic: onClick on pie chart

master saketh free asked 4 years ago

Expected behavior when clicked on a particular sector of the piechart, i need to display the label of the data it is representing

my code is:

canvas id="pieChart" style="margin:0 auto;"> canvas>

var myPieChart = new Chart(ctxP, type: 'pie',

data: { labels: ["Success", "Failure", "Partial Success", "Started", "Cancelled"], datasets: [{ data: [2343, 897, 1243, 8990, 43432], backgroundColor: ["#46BFBD","#F7464A", "#FDB45C", "#949FB1", "#4D5360"], hoverBackgroundColor: ["#5AD3D1", "#FF5A5E", "#FFC870", "#A8B3C5", "#616774"] }] },

options: { responsive: false, legend: { position: 'right', }



MDBootstrap staff commented 4 years ago

I can not understand your code. Please create a snippet with your example I will help you create working example. Pie chart display the label on hover by default.

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.8.8
  • Device: Lenevo Thinkpad
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No