Sign in to follow this  
xuen

Stacked Bar - Extra Image At The Legend

Recommended Posts

Hi,

 

I have an issue to show the Stacked Bar Chart correctly.

 

Please see the attached image, Red marker is the extra 'thing' that appear.

 

XML have been attached also.

 

Note:

I would like the height of the chart to be dynamic, so i have calculate the height by the number of row return in the datatable.

DataTable dt = data table return from back end

int rowCount = dt.Rows.Count;

int height = (rowCount * 20) + 50;

 

FusionCharts.SetRenderer("javascript");

div_testing.Text = FusionCharts.RenderChart("../FusionCharts/StackedBar2D.swf", "", chart, "bar_testing", "450", height.ToString(), false, false);

 

 

The "50" is for the height of the legend.

 

 

Please help.

Thanks in advance.

post-28088-0-28837200-1344323430_thumb.jpg

StackedBar - Extra Image.txt

Share this post


Link to post
Share on other sites
Guest Sumedh

Hi,

 

We are not able to replicate the same issue.

 

Stacked Bar 2D chart is rendering fine at our end.

 

Please find attached screen-shot for your reference.

post-24802-0-53308600-1344335359_thumb.png

Share this post


Link to post
Share on other sites

Hi,

 

Have you use the code to dynamic calculate the height?

Your attached image is not same with mine. Yours 2 bar is far from each other which i suspect you have put a different height value.

 

If you use the same logic, the 2 bars should be more close to each other:

 

int rowCount = dt.Rows.Count;

int height = (rowCount * 20) + 50;

 

FusionCharts.SetRenderer("javascript");

div_testing.Text = FusionCharts.RenderChart("../FusionCharts/StackedBar2D.swf", "", chart, "bar_testing", "450", height.ToString(), false, false);

 

Note:

This only happen to data then render less than 3 bars. More than 3 bars, it look perfect.

 

 

Please help.

Thanks.

 

 

Hi,

 

We are not able to replicate the same issue.

 

Stacked Bar 2D chart is rendering fine at our end.

 

Please find attached screen-shot for your reference.

Edited by xuen

Share this post


Link to post
Share on other sites
Guest Sumedh

Hey,

 

Can you paste your sample code here? It would be helpful to replicate the same at our end.

Share this post


Link to post
Share on other sites

Hi,

 

I have include in the first post.

StackedBar - Extra Image.txt

 

Please check the attachment from first post.

 

Extra info:

For FIreFox v13.0, the UI is more worst, the legend can't view in full (please see the attachment).

 

 

Thanks.

 

Hey,

 

Can you paste your sample code here? It would be helpful to replicate the same at our end.

post-28088-0-51325800-1344412720_thumb.jpg

Edited by xuen

Share this post


Link to post
Share on other sites
Guest Sumedh

Hi,

 

We need the sample code to replicate the issue at our end.

 

Please send us the sample code.

Share this post


Link to post
Share on other sites

Hi,

 

The sample code is just simple as the first post.

 

I can't provide you the whole aspx page, i can only provide you the code which the chart have this issue.

 

Front end:

<fieldset id="fsTesting" runat="server">

<legend>Testing Stacked Bar Chart</legend>

<center>

<asp:literal id="div_testing" runat="server"></asp:literal>

</center>

</fieldset>

 

Backend:

DataTable dt = DataTable that return from database

string chart = XML that have been attached in first post

rowCount = dt.Rows.Count;

height = (rowCount * 20) + 50;

 

FusionCharts.SetRenderer("javascript");

div_testing.Text = FusionCharts.RenderChart("../FusionCharts/StackedBar2D.swf", "", chart, "bar_testing", "450", height.ToString(), false, false);

 

 

That's all my code to render the chart.

- I get the row count to dynamically set the height of the chart.

- rowCount * 20 to have each bar same height

- the 50 is for the legend height

 

Issue facing:

If row count less than 3 rows, it will have the addtional "bar" highlighted in the first post's attached image. If the rowcount is greater than 3, the UI look fine.

 

Thanks.

 

 

Hi,

 

We need the sample code to replicate the issue at our end.

 

Please send us the sample code.

Edited by xuen

Share this post


Link to post
Share on other sites
Guest Sumedh

Hey,

 

We are glad to inform you that, recently we have released advanced version of FusionCharts XT i.e., FusionCharts XT v3.2 Service Release 4.

 

Being a service release version, it has many bug fixes and improvements.

 

You can get the trial version from here: http://www.fusioncharts.com/download/trials/

 

Please try to render chart using the latest version.

 

If this doesn't help, please feel free to revert.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this