FusionCharts Forum / FusionCharts v3 / Using FusionCharts / FusionCharts and ASP.NET / ASP.NET Ajax UpdatePanel / Latest Posts

RE: ASP.NET Ajax UpdatePanel

steve65 — Fri, 16 Nov 2007 08:41:00 GMT

Hi,
sorry its took so long to reply been busy!
Anyway thanks for your ajax example code it worked great for generating charts on 'postback' after the page has loaded.

However I wanted to generate the chart on 'Page Load' and then on 'Postbacks'

If you use [b]RenderChartHTML[/b] on page load then you get the 'click to activate' message in IE.

If you use [b]RenderChart[/b] on page load and then [b]RenderChart[/b] on postbacks then the postback charts don't display.

However! If you use [b]RenderChart[/b] on page load then [b]RenderChartHTML[/b] on any postback then all problems are solved.

Not sure if there's an easier way around this but at least it works and I'm happy.

RE: ASP.NET Ajax UpdatePanel

Sudipto Choudhury — Fri, 02 Nov 2007 08:07:44 GMT

HI,

Here is a simple sample using FusionCharts in ASP.NET.AJAX Update Panel ... try this and explore more and let us know. We are currently developing more samples on various aspects and facets of UpdatePanel and ASP.NET.AJAX... we will publish them soon...

Developers eager to share their experiences of failure and success while using FusionCharts in Update Panel and ASP.NET.AJAX may post too.

RE: ASP.NET Ajax UpdatePanel

Sudipto Choudhury — Fri, 02 Nov 2007 05:36:51 GMT

Hi,

try using renderChartHTML() instead of RenderChart()

RE: ASP.NET Ajax UpdatePanel

steve65 — Wed, 31 Oct 2007 09:50:35 GMT

Sorry I must have misunderstood your solution, I am actually using the FusionCharts.dll and the vb.net examples

so I have something like this in HTML

[code]<%=GetChart()%>[/code]

and code behind

[code]

Public function GetChart() as string

Dim strXML as string = GetChartData(DateRange)

return FusionCharts.RenderChart("fusioncharts/FCF_Column2D.swf","",strXML,"Chart1", "200","100", false,true)

end function

[/code]

Works fine first time but not on ajax async postback, not sure how i can use your javascript solution code.

RE: ASP.NET Ajax UpdatePanel

Sudipto Choudhury — Wed, 31 Oct 2007 06:16:32 GMT

Hi,

some where you are using the fusionCharts javascript embedding method...i.e.

var c1=new FusionCharts(..,"mapID1",..);

c1.setDataURL(...) or c1.setDataXML(...);

c1.render(divID);

if(!document.embeds["mapID1"])
window["mapID1"]=document.getElementById("mapID1");

RE: ASP.NET Ajax UpdatePanel

steve65 — Wed, 31 Oct 2007 03:58:05 GMT

Thanks for your help on this but how do I implement your Tip #1?

Where do I put this javascript?

[quote]TIP 1: If one is using registerWithJS, after rendering a chart one must use this :

if(!document.embeds[chartId])
window[chartId]=document.getElementById(chartId); //or else document.forms[formName/formIndex][chartId][/quote]

thanks

RE: ASP.NET Ajax UpdatePanel

Sudipto Choudhury — Mon, 15 Oct 2007 01:10:50 GMT

Hi everybody,
Please stop fighting over the issue of implementing FusionCharts on ASP.NET AJAX...because fighting only leads us away from being codicated...from real challange of development.

What i have figured out trying to implement FusionCharts in ASP.NET as well as AJAX that the only thing that is hampering the implementation is the mal-treatment of FlashObjects inside <FORMS> (which should be present in ASP.NET pages eventually for UpdatePanel controls)...
From JavaScript's (as AJAX is 80-90% JavaScript)point of view in IE ids inside <form>s are not declared as window[id] but as document.forms[index][id]....hence poor IE cant recognize the obejct .... you may refer to the documentation and way outs (where there's a will there's a way) published by Adobe regarding this... http://kb.adobe.com/selfservice/viewContent.do?externalId=kb400730&sliceId=1

TIP 1: If one is using registerWithJS, after rendering a chart one must use this :

if(!document.embeds[chartId])
window[chartId]=document.getElementById(chartId); //or else document.forms[formName/formIndex][chartId]

Using all resouces i have easily, simply and successfully implemented FusionCharts in ASP.NET AJAX and can change chart data using setDataXML/setDataURL...

oh! 1 thing i missed ... i have modified getChartFromId in FusionCharts.js thus :

infosoftglobal.FusionChartsUtil.getChartObject = function(id)
{
// if (window.document[id]) {
// return window.document[id];
// }
if (navigator.appName.indexOf("Microsoft Internet")==-1) {
if (document.embeds && document.embeds[id])
return document.embeds[id];
} else {
return document.getElementById(id);
}
}

this worked in IE 6/7, Firefox, Opera 9...i have no more browsers installed but will surely check in Safari soon..

RE: ASP.NET Ajax UpdatePanel

ashokan_1204 — Sat, 29 Sep 2007 05:08:38 GMT

Hi,

I am having the requirement that i am using updatepanel.but when i am using the update panel it is not refreshing the chart control.I saw ur solution and i am trying.But i am getting another issue that it is not identifying the fallowing from my code.

InfoSoftGlobal.FusionCharts.EncodeDataXml

will we get it only when we take licensed. How can I get above directive.

thanks and regards,

Y.Ashok

RE: ASP.NET Ajax UpdatePanel

MavStar — Wed, 01 Aug 2007 06:27:26 GMT

Hey All,

Well i've come up with an easy solution to the updatepanel problem.

There is a free flash control on http://www.flash-control.net/

[code]

Protected Sub CreateChart()

Dim QueryString As String = String.Format("../xml/GetAccountsXml.aspx?UserName={0}&QueryType={1}", User.Identity.Name, GraphType.SelectedValue)

Dim dataURL As String = InfoSoftGlobal.FusionCharts.EncodeDataURL(QueryString, True)

Me.FlashControl1.Height = 350

Me.FlashControl1.Width = 900

Me.FlashControl1.BorderColor = Drawing.Color.WhiteSmoke

Me.FlashControl1.BackColor = Drawing.Color.WhiteSmoke

Me.FlashControl1.Menu = False

Me.FlashControl1.MovieUrl = "../FusionCharts/Line.swf"

Me.FlashControl1.SwLiveConnect = True

Me.FlashControl1.FlashVars = String.Format("&chartWidth={0}&chartHeight={1}&debugMode={2}&dataURL={3}", 900, 350, 0, dataURL)

End Sub

[/code]

This is working brilliantly for me, plus it is free.

The only minor glitch is that it has that whole "click to activate thing" happening (control must be using html to render the chart)

Hope you have fun.

MavStar

RE: ASP.NET Ajax UpdatePanel

MavStar — Tue, 31 Jul 2007 01:54:46 GMT

I think you guys are missing out on a LOT of business by not including basic support for MS Ajax UpdatePanels.

As it is i'm considering what other charting options i have.

(i really do not want to learn javascript)

MavStar

RE: ASP.NET Ajax UpdatePanel

Pallav — Wed, 04 Jul 2007 11:40:32 GMT

It can work with MS AJAX too - but not using the direct APIs provided by MS. You'll need to put JS code over that to access FusionCharts AJAX API.

RE: ASP.NET Ajax UpdatePanel

Gulzar — Mon, 02 Jul 2007 02:04:02 GMT

so in a way or other you mean to say that Fusion Charts doesnt support Microsoft AJAX

RE: ASP.NET Ajax UpdatePanel

Pallav — Sun, 01 Jul 2007 23:47:58 GMT

FusionCharts is a platform independent tool - and as such we've "intentionally" chosen not to customize it to any specific language. We've thousands of ASP.NET users who're using the AJAX interface exposed by FusionCharts and they couple it with their own ASP.NET code.

RE: ASP.NET Ajax UpdatePanel

Gulzar — Sat, 30 Jun 2007 13:38:50 GMT

why do you need a live link to debug ?

this is the problem that everybody whos using UpdatePanel is facing then why dont you just provide the solution or simply say that it doesnt Support Miscrosoft AJAX Extension

RE: ASP.NET Ajax UpdatePanel

Pallav — Tue, 22 May 2007 01:53:12 GMT

Hi,

FusionCharts works with AJAX as in custom JavaScripts and client side updates. Infact many industry standard AJAX grids are using FusionCharts - you can see few live demos at http://www.fusioncharts.com/Demos/Blueprint

We've not restricted ourselves to any specific AJAX framework like that of .NET or .... However, if you can send me a live link, I can debug into it and let you know the source of problem.

RE: ASP.NET Ajax UpdatePanel

anderdw2 — Fri, 18 May 2007 10:30:09 GMT

I'm having the same problem. I have an update panel with a multiview, the intial chart loads with the onpageload event, but when a do an asyncronous postback in the update panel, no charts. It just displays the word CHART.

Everything I read about fusion charts says it works with ajax, but I have yet to see any support from infosoft global and the updatepanel is the simplest ajax control

ASP.NET Ajax UpdatePanel

rPh — Fri, 09 Mar 2007 06:22:29 GMT

I have been trying to add fusion charts to an AJAX UpdatePanel in Visual Studio. There are problems when I change the dataXML and try to update. Has any one had any luck with getting FusionCharts working with the Visual Studio AJAX?

I have tried using the javascript in many different ways, any ideas?