FusionCharts 2DPie With Legend - Demystified
FusionCharts Forum
Home       Members    Calendar    Who's On
Welcome Guest ( Login | Register )
        



FusionCharts 2DPie With Legend - Demystified Expand / Collapse
Author
Message
Posted 9/2/2007 12:48:04 PM
Junior Member

Junior MemberJunior MemberJunior MemberJunior MemberJunior MemberJunior MemberJunior MemberJunior Member

Group: Forum Members
Last Login: 2/17/2008 5:11:16 AM
Posts: 17, Visits: 23
It is quite cumbersome to work with 2D Pies and legends in FusionCharts. At least I think it is. This makes life easier.
The grid component, opposite what you might think from the examples, actually works. You can place it on top of a chart. You can make it look good.
There are also all sorts of small problems working with the grid component as a label, some of which are solved here.

On the attached page you will find a solution that takes care of a number of issues with labels and pie charts (the same thechnique can of course be used in any 2D dimensional graph):

- places the label on top of the pie
- fixes a problem with rendering label borders - not completely, but very close
- fixes the bizarre problem of counter clockwise rotation in pie charts

Of course, this can be improved. I can think of a few things:
- calculating the legend width from the font size
- parameters for placing the legend on either side of the chart

I'm sure you clever guys out there can make it better!

To see it in action:
- Click on the link to the attached TXT-file.

To download:
1. Right click and save the TXT-file
2. Change the file extension to HTML
3. Put it on your web-server
4. Change the paths to your FusionChart JavaScript library
5. Change the path to your swf files

Hope you like it.

/Hans


  Post Attachments 
fusion_pie_with_legend3.txt (251 views, 4.33 KB)
2DPie_with_legend.jpg (280 views, 85.90 KB)

Post #2211
Posted 1/16/2008 5:06:05 AM
Forum Newbie

Forum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum Newbie

Group: Forum Members
Last Login: 5/14/2008 2:23:01 AM
Posts: 5, Visits: 13
That's neat, thanks.
Post #3887
Posted 2/12/2008 1:01:14 AM
Forum Newbie

Forum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum Newbie

Group: Forum Members
Last Login: 2/17/2008 10:15:46 PM
Posts: 2, Visits: 5
I try to save the txt and jpg file. But i didn't get the file. Why?
Post #4464
Posted 2/17/2008 5:15:16 AM
Junior Member

Junior MemberJunior MemberJunior MemberJunior MemberJunior MemberJunior MemberJunior MemberJunior Member

Group: Forum Members
Last Login: 2/17/2008 5:11:16 AM
Posts: 17, Visits: 23
You must be logged in to see the forum attachments.

Please log in at the forum and all will be demystified for you ;-)

Enjoy!

Post #4556
Posted 2/17/2008 7:29:06 AM
Forum Newbie

Forum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum Newbie

Group: Forum Members
Last Login: 7/3/2008 1:44:56 PM
Posts: 4, Visits: 13
Hello, I'm evaluating FusionCharts and was looking the way to show color references like you did.

Your example works great in Internet Explorer, but It don't work in Firefox (*), the pie is show but the grid is not, any idea about that?

The example you have posted is the only way to show color reference labels in the charts? There is no built in support for that feature?.


(*)I'm using Firefox 2.0.0.12 with an evaluation version of FusionCharts


Post #4558
Posted 2/17/2008 9:06:18 AM
FusionCharts Team

FusionCharts TeamFusionCharts TeamFusionCharts TeamFusionCharts TeamFusionCharts TeamFusionCharts TeamFusionCharts TeamFusionCharts Team

Group: Administrators
Last Login: 7/2/2008 7:57:52 PM
Posts: 1,956, Visits: 468
Hi,

Both the chart and grid should work in both IE/Firefox. Just check the HTML code you're using to embed the chart/grid.


Thanks,
Pallav Nadhani
FusionCharts Team
Post #4561
Posted 2/17/2008 10:52:55 AM
Forum Newbie

Forum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum Newbie

Group: Forum Members
Last Login: 7/3/2008 1:44:56 PM
Posts: 4, Visits: 13
Hello, I'm using the example page unmodified, with the directories created as used inside the html page.

Here is a rar file with the original html example and the directories containing the swf y js files: it works in IE but don't in Firefox.

Any clue?



  Post Attachments 
fusion_pie_with_legend3.rar (34 views, 87.99 KB)
Post #4568
Posted 2/17/2008 10:27:59 PM
Forum Newbie

Forum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum NewbieForum Newbie

Group: Forum Members
Last Login: 2/17/2008 10:15:46 PM
Posts: 2, Visits: 5
Hi,

What version of fusion charts are you using in the above example?
Post #4569