rtibmx

I have a 3D pie chart with about 15 different elements. I am loading the data for the slices natively in the same page (not from an external xml file). I am using the latest version of FusionCharts. There is about a full one second delay between the time the background for the chart appears and the time that the pie slices and total appears. This makes the chart load seem a bit slow. As a test I changed things so that I only loaded one set of data (1 slice for the entire chart) and refreshed the page, and then everything loads instantly. I then changed it to 3 slices and it took a tab bit longer but still plenty fast. Then I tried with 5 slices, then 8 etc. As I increase the slices in the chart, the time it takes for them to appear after the graph loads also goes up. Currently with the one second delay it makes it feel quite sluggish. Is there a way I can speed this up? If not, is there a way I can make it say "Loading..." in the center of the graph prior to the slices displaying? Remember that this data is being set via setDataXML with a direct string so the delay is not caused by fetching the data. For reference here is a snippet that shows the chart settings: (Humm... I put the code within the code blocks but its still not showing - please hit the Reply Quoted option to see the code). I also tried turning off some options like smart labels and reducing the slice depth but none of this made any difference. Thanks!

I have a three main questions about using the Grid that I'm hoping someone can shed some light on please: 1) I am using a 3D pie chart followed by a grid. The purpose of the grid is to display all the labels and values in a tabular fashion, as shown in the documentation. However I have done some custom grouping when creating the pie chart and therefore wondering how to compensate for this in the grid. In summary I do my query from the database and usually wind up with what would be over 20 slices for the piece chart. However only the first 10 slices are significant - the other slices would just be "noise". So I have logic that adds the top ten largest items to the pie chart, and then for all other items counts the totals and makes one entry in the pie under a slice called "Other". This works great. (BTW I assume there is no automatic way to tell FusionCharts to group insignificant data values all together, but if there is please let me know!). However when it comes to the grid, I want to show ALL the items and values, instead of the lump some under Other. I have accomplished this by making two sets of the XML. The first set has the values grouped into Other, and the second set does not do the grouping. This is working great. However the Grid assumes there are colors assigned to the insignificant values, when in fact there are none displayed on the pie chart. So when the grid lists these items out that don't appear on the pie chart it has a color code key next to it that doesn't match anything in the pie chart. What I've done now is that I've assigned a color of FFFFFF to the items that don't appear in the pie chart. So now the items that have been grouped in the pie chart display in the grid with white next to them. However I'd rather it not display any color there or somehow make the color transparent for just these lines so it didn't display. Is there any way to do this or a different approach I can take to get the same or similar result? EDIT: I believe I solved this particular issue. What I did was assign a specific color to the Other group. Then in my grid I assign that same color to all the items that make up the Other group. This works out very nice! 2) I want to make the Grid height large enough so that it will fit all the elements in the list on one page. However if I make it bigger than the number of elements, the Grid adds large space between each item so that they evenly fill out the remaining space. This is undesirable. And the various controls for the margins and padding don't seem to apply in this case. So in other words I want to set the itemstoshowonpage to x, where x is all the items there are in total, and then have the Grid create the chart to the proper height accordingly to accommodate that. How can this be done? 3) In a few cases I do want to have paging in the grid. However I noticed that at least on Firefox (haven't tested IE yet) when I put the mouse over the "next page" triangle icon in the grid it does not turn into a hand icon. And when I click on it, instead of it going to the next page, it turns into the hand icon. Then when I click again, then it finally goes to the next page. Is this a bug? How can I resolve this? 4) The documentation for the Grid shows a few samples where the grid starts immediately after the pie chart, without any space of line break. This is the same behavior I would like. However when I try this I wind up with a small break between the bottom of the pie chart background and the top of the grid. How can I close this gap. I am using back to back DIVs, one for the pie chart and one for the grid, yet this space still appears. Thanks!

Originally I was not using the PHP wrapper class for FusionChart. Instead I was just writing the HTML and JS myself. With this technique I could call render(xxx) on the FusionChart JS class and specify the Id of the DIV that I wanted the chart to occupy. For example: var chart = new FusionCharts(...); chart.render("myDIVtoPutChartIn"); However, I have switched over to using the FusionCharts_Gen.php class. With this approach, how can I tell FusionCharts to place the chart inside myDIVtoPutChartIn like I did with the other approach? There is no mention of this in the documentation, and a glance at the PHP class does not reveal anything obvious. Even the PHP class renderChart() function does not take such a parameter. Surely it must still be possible to specify the DIV where we want the chart to reside when using the PHP class? Can someone please let me know? Thanks!

I use the standard 2D Line chart color palette and I like the somewhat darker/shaded background where the axis and caption are. However when the chart is printed this area prints rather dark and makes it difficult to see the axis labels and captions. Is there any way to tell FusionCharts that when the chart is printed it should print it without the background shading? If not can such a feature be added?

I am using a 2D Line chart. My labels are "At least 100,000", "At least 200,000", "At least 300,000" etc. These labels are long but need to be verbose, so I am using labelDisplay=Rotate which is working fine. However I want to force a line break between after the "At least" part of the label. So that my labels come out like this: At least 100,000 At least 200,000 At least 300,000 (except Rotated as labelDisplay rotate does) and so forth - instead of "At least 100,000". Is there some sort of special character or something I can embed when I use "label=xxx" so that FusionCharts will split the labels as I want? Thank you.

Next to each slice on my pie chart I want to have the labels in the format of "xxxxxx (y%)". For instance labels like: Florida (15%) New York (7%) California (2%) Currently I've gotten close by using showPercentValues='1' . This has made it at least so it is showing the % in the labels instead of the raw numbers. However it is currently showing this in the format of: "xxxxx, y%". For example, currently I get: Florida, 15% New York, 7% California, 2% How can I change this to the format I showed at the top of the message. I know that I can use the option to override the entire label with something I want, but that would cause me to have to calculate the % myself and I'd rather not. Thanks!

Thanks for letting me know. A competitor's Flash chart product that we are evaluating has a very nice, extensive list of formatting options done with special format strings. I hope you will consider adding such a feature.

Hi - is there any predefined animation type that would create a "fly-in" effect for the slices of a 3D pie chart? In other words I'd like the slices to start from the sides and then all move in to make their points meet in the center ("fly into place"). I have seen this with other chart products and want to use that with Fusion Charts - just not sure how to do this. Is there a standard animation type I can apply to a pie chart to do this? And if not, how can I achieve this by defining an animation? Also I wasn't apply to apply the information from the manual about animation to get any type of animation working on the slices in the 3D pie chart (and I do have animation="1" set). Apparently 2D has a default rotation for animation, but I am looking to do effects on 3D pies. Any code snippets that demonstrate this or advice is greatly appreciated. Thanks!

I am using the 3D pie chart along with a grid. Because of the 3D lighting/shading, the color of the pie slices look different as you rotate the slices. For instance a small slice in the bottom left of the pie looks light peach, but if you rotate it to the top right (180 degrees) it looks more like dark orange. I do not mind this change in colors and like the 3D lighting/shading as it gives a nice professional look. HOWEVER, the challenge is that the colors used in the Grid do not match up with the pie chart! For instance when the chart renders the orange slice is in the bottom left corner and looks like light peach. But in the grid the corresponding color for this slice is shown like dark orange - which is the color it looks more like when the chart is rotated 180 degrees. Is there a way to prevent this? If not, how do I turn off the 3D shading/lighting? I tried with dynamicShading set to 0 and set to 1 but neither setting made a difference. Thanks!

With that approach you showed it will indeed use the "label (xxx%)" format as desired. However, it only will work if showPercentValues is set to 0 as you suggested. Otherwise the "(" and "%)" chars do not apply. So the problem is, when I set showPercentValues to 0, then the number shown for the percentage is actually the total for that slice, and not its percentage! For example, let's say that I have a value of 520 which represents 15% of the total. When I change my code to use your snippet it shows up in the label as "Item (520%)" instead of "Item (15%)". This obviously is because showPercentValues is set to 0, but alas if you switch it to showPercentvalues of 1 then the "(" and "%)" chars to not show up... Please advise. Thanks.

Thank you for the response. Do I understand correct then that in addition to no fly-in animiation, there are no animations possible with the slices in a 3D pie chart? Am I correct to understand that? If that is the case, I kindly ask that you consider adding these feature in the next release. I was evaluating a competitor's Flash charting option and they have very nice fly-in and other animations available for the 3D pie chart and would very much like the same ability in FusionCharts. Please let me know if you would like more information.

Yes, thank you! That did the trick. Is it possible to have it still use the 3D lighting but just less of it? I am thinking that would still provide the polished look of the 3D lighting but if it was a smaller amount of light that may not skew the color as much. I tried using the "intensity" option with 3D lighting enabled but it had no affect.

Is there a way to specify a custom value for the grid (right-hand column)? For example I want my output in the grid to look like this: (color block) Item 1 20,000 (50%) (color block) Item 2 10,000 (25%) (color block) Item 3 10,000 (25%) Instead what I am getting is this: (color block) Item 1 20,000 (color block) Item 2 10,000 (color block) Item 3 10,000 So the raw, comma formatted numbers are good, but I want to add the % too next to the number inside of parentheses. I don't mind calculating these rows myself and manually setting them. But when I try to set the value to a string it causes the column to go blank. So apparently it is expecting a number. Basically what I want to do is override these "smarts" from FusionCharts and instead manually feed it the values to display - in this case a custom formatted string that has the raw number and %. Is this possible? Thanks!

Rahul - Also on another matter - I have posted a number of other questions (on different matters) over the past few days but these remain unanswered. I am trying to get approval to purchase FusionCharts but first need to resolve these matters. I am not sure if it takes several days to get a response or if the questions were missed. If you or someone from your support team can take a look at these and post replies I would greatly appreciate it. Thank you. http://www.fusioncharts.com/forum/Topic12078-28-1.aspx http://www.fusioncharts.com/forum/Topic12068-28-1.aspx http://www.fusioncharts.com/forum/Topic12067-28-1.aspx http://www.fusioncharts.com/forum/Topic12083-31-1.aspx

I am feeding FusionCharts the XML by using the chart.setDataXML() JS function. Here is the code. If it does not show up please hit the Quote post option so you can at least see it there: Now the code above works as normal except it just shows the values formatted as a number. What I want to do is replace that with my own values. So for instance instead of value='492' for Item 1, I want to specify value='492 (25%)'. But when I do this the value column in the grid becomes blank. How can I do this? Thanks!

Thank you Sudipto. Setting defaultAnimation='0' seems to have helped some. I had tried animation='0' previously but that didn't help. However I am struggling with how to make some various animations on the 3D pie chart. Please see this post which describes my questions on the subject of animation: http://www.fusioncharts.com/forum/Topic12068-28-1.aspx

Can you please explain what the differences are between the FusionChartWMode.js and FusionChart.js, besides this particular fix? Or is that the only difference? Would just using FusionChart.js but making the call to make it transparent have done the same thing? I'm trying to decide whether I should use FusionChartWMode.js instead, even though I do not have this issue... Thanks.