3

Possible Duplicate:
Pie chart with jQuery

I searched for a jQuery plugin which will help me to create pie charts and I found some which will help. But what I also want is to attach click function event handler for each sector of the pie chart.

Community
  • 1
  • 1
Seeker
  • 2,405
  • 5
  • 46
  • 80
  • Can you let us know what you've found so far, and what was not appropriate for your needs? This is useful since you may have missed a feature provided, and/or people won't want to suggest things you have already tried. – halfer Dec 31 '12 at 11:00
  • 1
    [Here you go.](http://stackoverflow.com/questions/12595834/open-source-library-for-web-based-drill-down-charts/12596951#12596951) – Jared Farrish Dec 31 '12 at 11:00
  • We are not google. Google is google – Sahal Dec 31 '12 at 11:01
  • 1
    Plenty here: http://stackoverflow.com/questions/1223537/pie-chart-with-jquery – halfer Dec 31 '12 at 11:01
  • They're also called *drill downs*, *drill-downs*, or *drilldowns*. if you didn't find many, that may have been why. There's a lot. [d3.js](https://github.com/mbostock/d3/wiki/Gallery) I think is the best. – Jared Farrish Dec 31 '12 at 11:03

5 Answers5

7

You should try Google charts. I have used that in one of my project, Google charts are easy to integrate and customizable. Try this

https://developers.google.com/chart/

ap.singh
  • 1,150
  • 4
  • 15
  • 35
3

d3.js with NVD3.js:

http://nvd3.org/ghpages/scatter.html

Thing of beauty. And yes they have click features, including deep drills and reorientation, pivot and OLAP-style functionality.

Jared Farrish
  • 48,585
  • 17
  • 95
  • 104
  • Thanks for the suggestion Farrish, can you please tell me how can I attach the click events. I couldn't find a proper document for that – Seeker Dec 31 '12 at 12:00
  • [Here's a pie chart with the code to the right](http://nvd3.org/livecode/#codemirrorNav), there's a ton of code samples (on both the d3.js and NVD3 site), and the documentation is on the [d3.js site](http://d3js.org/). – Jared Farrish Dec 31 '12 at 12:07
1

You can use jquery's jqplot plugin http://www.jqplot.com/. It is free and can be modified easily to your needs, it has plenty of examples.

Taryn
  • 242,637
  • 56
  • 362
  • 405
Anoop P S
  • 754
  • 1
  • 12
  • 31
0

http://filamentgroup.com/lab/update_to_jquery_visualize_accessible_charts_with_html5_from_designing_with/

This is also completely HTML5, just throw it an HTML table and some options and then it'll turn it into a chart. You just need to include type: 'pie' in the options.

ALthough you don't get the interactivity you are after, sadly. It can be added though, using this improved version: https://github.com/irae/jquery-visualize

twilson
  • 2,062
  • 14
  • 19
0

This will definitely help you.

Pie basic demo

You can download library file and sample code from here

Highcharts download

Iulian Onofrei
  • 9,188
  • 10
  • 67
  • 113
Indian
  • 645
  • 7
  • 22