Problem passing URL parameters via javascript setDataURL()

[paul]

When I try use the javascript method for including a chart on a page and use the "setDataURL" method as illustrated here:

<script language="JavaScript" src="/FusionCharts.js"></script>
<div id="chartdiv" align="center">FusionCharts.</div>

<script type="text/javascript">
var chart = new FusionCharts("/charts/CandleStick.swf", "ChartId", "600", "400", "0", "0");
 chart.setDataURL("/data.php?action=testcandlestick&type=xml");
 chart.render("chartdiv");
</script>

I have the following result... my script, data.php is invoked by the chart movie but when I look at the $_GET variables that are passed to it I only receive the first variable; "action=testcandlestick".  The second variable "type=xml" is never passed.  I have done extensive testing and the URL is being passed into the FusionCharts.js methods properly; however, once inside the SWF and the callback to retrieve the data the query string is truncated.  I need to be able to pass a full URL request with the entire query string to the server in order to process the requested data for the chart -- has anybody else experienced this problem?  Suggestions?

--Paul

[Pallav]

You just need to URLEncode this entire URL. In all server side scripting languages, you've in-built functions to URLEncode the string.

Or, in JavaScript, you can use the escape() function.

[nattawut]

hi  I have some problem about  use FusionCharts_Evaluation V3, I wanna passing url parameter

for request xml  data from server side (I use J2EE RestService for return xml ).

example..

<script type="text/javascript">

  var uRl = escape("http://localhost:8080/Test/rs/data/test");

var chart = new FusionCharts("../Charts/MSLine.swf", "ChartId", "600", "350", "0", "0");

chart.setDataURL(uRl);

chart.render("chartdiv");

</script>

and i use escape() javascript function already  but  It 's  doesn't  works.

Thank you

VNattawut.

Edited July 4, 2008 by Guest

[Arindam]

Hi nattawut,

Due to XSS attack flash file refuse http://localhost:8080. Here you are using full path with domain. You must provide relative path or absolute path with out domain then it will work.

[nattawut]

Thank you very much  Arindam 

It 's work already . (don't use full path)

<script type="text/javascript">

  var uRl = escape("/Test/rs/data/test");

var chart = new FusionCharts("../Charts/MSLine.swf", "ChartId", "600", "350", "0", "0");

chart.setDataURL(uRl);

chart.render("chartdiv");

</script>

if  don't  encode URL ,  is  work too.

<script type="text/javascript">

var chart = new FusionCharts("../Charts/MSLine.swf", "ChartId", "600", "350", "0", "0");

chart.setDataURL("/Test/rs/data/test");

chart.render("chartdiv");

</script>

Thank a lot 

VNattawut

[Guest Angie]

Dear User,

 

We are delighted to announce that PowerCharts is now ready for your iPads and iPhones too. We have just released PowerCharts v3.2. Starting v3.2, PowerCharts has HighCharts embedded within it, and offers both Flash and JavaScript (HTML5) charting . The Flash charts are displayed on a majority of devices and the JavaScript charts on devices that do not support Flash, all of it without writing a line of code.

 

Automatic rendering of JavaScript charts on devices (like iPad and iPhone) where Flash player is not supported.

 

5 new chart types:

 

Heat Map Chart

 

Box and Whisker Chart

 

Step Line Chart

 

Error Line Chart

 

Error Scatter Chart

 

 

* Support for JSON data format.

 

* Support for LinkedCharts, where a single data source controls multiple charts.

 

* Interactive legends in charts allow selective showing/hiding of data series.

 

* Legends now support icons for each data series.

 

* Better management of labels on charts.

 

* Labels now have an auto rendering mode to prevent them from overlapping, the chart selects the best display mode depending on the length of the labels and the width of the chart.

 

* Long labels are truncated, with ellipses appended to the truncated end of each label, and a tooltip bearing the completed label text is displayed when the user hovers over a truncated label.

 

* Support for line breaks and wrapping in all text elements including: caption, sub caption, X-axis title, Y-axis title, Labels and tooltips.

 

* In Line charts, data values can now be positioned either above or below the dataplots. Automatic positioning of data values is also supported.

 

* In Step-line charts dataplots can be joined using vertical lines.

 

* Custom alignment of caption and sub caption using STYLES.

 

* Advanced print management using JavaScript.

 

* Additional options for efficient event handling using JavaScript.

 

* Support for dynamic update of chart properties using JavaScript(barring select scatter and drag charts).

 

* Charts now support % based sizes along with dynamic resizing (barring select scatter and drag charts).

 

 

Learn more about everything new in PowerCharts v3.2 at : http:/ www.fusioncharts.com/PowerCharts/

 

We would love to hear from you at: http://www.fusioncharts.com/contact/