Re: Help with legends in google chart api

[asgallant]

There is no way to disable legend pagination.  You can fiddle with the font size (use the legend.textStyle.fontSize option) to make them smaller, which will allow more to fit, but that's about it.  As an alternative, you can turn off the legend and build your own.

As for your second question, this is easy to do if you are building the legend yourself.  If you are not, then you will need to do some fiddling - namely, you need to add the count and percentage to the labels themselves (easily done via a DataView with calculated columns); incidentally, this will break the tooltips, so you will need to tooltip.text option to 'value' and set the formatted value of each data point to an empty string; see: http://jsfiddle.net/asgallant/6Y8jF/1/

I made an example for option 1, too: http://jsfiddle.net/asgallant/6Y8jF/2/.  Fiddle with the CSS to make it look right for you.  You can attach event handlers for mouse events to the legend entries to interact with the chart if you want.

On Saturday, June 16, 2012 6:05:40 AM UTC-4, Nikhil Agrawal wrote:

HI All,

I am working on a project where i need to display charts in each page. So i am using google chart api for it.

 Problems:

1. When the number of items in pie chart increases, the legend shown in right (can be moved to other position) doesnt show all the items . But shows in the form of pagination with a clickable next button. As per my requirement i want to dump all the items list with multiple columns (if required) there itself. (Piechart.png) means next button shouldn't be there.

2. When we hover over each segment of pie chart it shows the % , name , count of that segement (Shown by default, i haven't used any event handling for it). But as per requirement the count, %, should also be shown in the legend (item list) along the name. For example in INTERNATIONAL it will show " INTERNATIONAL 10.6% 20" in the legend.

Please help if you have used such feature of google chart api .

[Nikhil Agrawal]

Thanks drew_gallant for the awesome help , hope it will work for me. I will let it know over here after implementation. 

On Mon, Jun 18, 2012 at 9:38 PM, asgallant <drew_g...@abtassoc.com> wrote:

There is no way to disable legend pagination.  You can fiddle with the font size (use the legend.textStyle.fontSize option) to make them smaller, which will allow more to fit, but that's about it.  As an alternative, you can turn off the legend and build your own.

As for your second question, this is easy to do if you are building the legend yourself.  If you are not, then you will need to do some fiddling - namely, you need to add the count and percei ntage to the labels themselves (easily done via a DataView with calculated columns); incidentally, this will break the tooltips, so you will need to tooltip.text option to 'value' and set the formatted value of each data point to an empty string; see: http://jsfiddle.net/asgallant/6Y8jF/1/

I made an example for option 1, too: http://jsfiddle.net/asgallant/6Y8jF/2/.  Fiddle with the CSS to make it look right for you.  You can attach event handlers for mouse events to the legend entries to interact with the chart if you want.

On Saturday, June 16, 2012 6:05:40 AM UTC-4, Nikhil Agrawal wrote:

HI All,

I am working on a project where i need to display charts in each page. So i am using google chart api for it.

 Problems:

1. When the number of items in pie chart increases, the legend shown in right (can be moved to other position) doesnt show all the items . But shows in the form of pagination with a clickable next button. As per my requirement i want to dump all the items list with multiple columns (if required) there itself. (Piechart.png) means next button shouldn't be there.

2. When we hover over each segment of pie chart it shows the % , name , count of that segement (Shown by default, i haven't used any event handling for it). But as per requirement the count, %, should also be shown in the legend (item list) along the name. For example in INTERNATIONAL it will show " INTERNATIONAL 10.6% 20" in the legend.

Please help if you have used such feature of google chart api .

--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.

To view this discussion on the web visit https://groups.google.com/d/msg/google-visualization-api/-/G3XPxqja09kJ.

To post to this group, send email to google-visua...@googlegroups.com.
To unsubscribe from this group, send email to google-visualizati...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.