SeeThePicture

Hello, Has someone ever created an iPhone app (meaning an app downloadable from the App Store) featuring Fusioncharts? If you know that one exists please let me know the name. I would like to get the app and see how it works. Thanks, Seethepicture

Hi, I am doing something like this (I have simplified for this discussion), but it is consistently resulting in "No data to display.": $strang = "dataMaker.php?myvar=hereWeGo%2B"; <script type="text/javascript"> FusionCharts.setCurrentRenderer("javascript"); var myChart = new FusionCharts("ZoomLine.swf", "myChartId", "100%", "100%", "0", "1"); myChart.setXMLUrl("<?php echo $strang;?>"); myChart.render("chartContainer"); </script> The above is only problematic for me when trying to work with <, >, &, ", # and +. Of course when I get rid of the special characters, everything works fine. Also please note through the use of various things like $mysqli->real_escape_string(htmlspecialchars(urlencode(" She's looking great! This is a slash /. "]))) I am able to successfully accommodate some special characters /, \ and ' with no problem. So what do you think of the bold characters above? Is it possible to accommodate those in setXMLUrl? What are your thoughts? Thank you, SeeThePicture

Thank you! I don't understand why seemingly redundant URL encoding works but it is working for me. Thank You. Regards, SeeThePicture

Hi, Thank you! Yes it does help. It demonstrates to me that + can be used directly in the body of the XML. Thank you. However, I may have a slightly different problem related to using the function setxmlurl when the URL contains a variable with special characters. From Documentation I am reading "Home > FusionCharts and JavaScript > Providing & updating data". I see "Using XML file as the chart's data source". I am using my dataMaker.php page to generate my xml data. I pass a variable to my dataMaker.php page through the URL to that dataMaker.php. Sometimes the URL will therefore look like: -- dataMaker.php?myvar=hereWeGo%3E where %3E can be anything to url encode characters like %3E for >, %3C for <, %40 for @, etc. I assign the location of my dataMaker.php file (with my url encoded passed variable) in a string called strang as shown by $strang in my original post. Then I pass that $strang to the FusionCharts JavaScript class function setXMLUrl as shown in my original post. Well, everything is working fine when characters get encoded as '%3E', '%3C', '%21', '%2A', '%27', '%28', '%29', '%3B', '%3A', '%40', '%3D', '%24', '%2C', '%2F', '%3F', '%25', '%5B' and '%5D'. However, I am stumbling on three cases. I get No data to display whenever characters in the URL are encoded as: -- %23 for # -- %2B for + -- %26 for & Any idea what these three might have in common, causing them not to work for me? Thank You, SeeThePicture

Hello, Thank you for this reply. I will try that. Please note that I also specifically asked about the plus sign "+". Do you know whether the plus sign can be directly embedded or needs to be specially encoded? Can you provide a very simple example demonstrating usage of the plus sign or its code in the XML of a very basic chart? Thank you, SeeThePicture

Hi, I have used this code to successfully set the size of tooltip font to 25 when I render via js. Here is the code that I used: <styles> <definition> <style name='myFont' type='font' isHTML='1' bold='1' size='25' color='FFFFFF' /> <style name='myToolTipFont' type='font' isHTML='1' bold='1' size='25' color='888888' /> <style name='myShadow' type='shadow' color='333333' angle='45' strength='3'/> </definition> <application> <apply toObject='tooltip' styles='myToolTipFont' /> <apply toObject='YAXISVALUES' styles='myFont,myShadow' /> <apply toObject='DataLabels' styles='myFont,myShadow' /> <apply toObject='Caption' styles='myFont,myShadow' /> <apply toObject='SubCaption' styles='myFont,myShadow' /> </application> </styles> But when I render via flash, the tooltip font size above (specified by "myToolTipFont") seems ignored. Any suggestions on how to make this tooltip font size take effect for flash? Thanks, SeeThePicture

Hi, With this XML (See attached XML file) I am trying to change the "resetChartMenuItemLabel" but it's not working for me. Does it work? In JS and in Flash? Please advise. Thanks, Ferd exported2.xml

Thank you! I look forward to trying that. Meanwhile I wonder if you noticed whether my XML Styles definition and application should work for myShadow for YAXISVALUES. <apply toObject="YAXISVALUES" styles="myFont,myShadow"/> It is already being worked on via a separate thread (here's the link) but I just thought it might be ok to just mention it here since we're looking at the same section of the same XML. Regards, SeeThePicture

Hi Sumedh, Can you please try it with my XML and with ZoomLine.swf? Here is my XML. -- See attached XML file. Thank You, SeeThePicture exported2.xml

Hi, At "Documentation --> Advanced Charting --> Setting backgrounds for chart" you show how to position and size the background picture several different ways. What is the portion of the chart being pointed to by the blue arrow that I have provided? Is there a way to have the background fill only that portion? I can fill the entire portion pointed to by the purple arrow but I want to consistently 100% fill the portion pointed to by the blue arrow even when the chart is resized. This would enable us to keep the Y Axis values an X axis labels clearly visible and outside the perimeter of the background image. Thanks, Ferd

Hi, When opening a chart in a new window it would be great to hide the address bar of the mobile browser. This would allow the chart to be much bigger and feel more like a native mobile app. How can this be done? Can it be implemented in such as a way as to detect whether the mobile device is Android or iPhone and hide appropriately? Thanks, SeeThePicture

Thank you, I'll try this.

Hi, I imagine mobile users would want to see my charts in the largest size possible. Would JQuery Prettyphoto be best for this or would New Window scaled to 100% 100% be best? If the latter, then please advise how to do this. The Documentation example in "Advanced Charting --> Resizing Charts in %" describes how to do this via instantiating a JS FusionCharts object. In my application I am using PHP to render the JS chart: <?php FC_SetRenderer("javascript"); echo renderChart("../dir1/FusionCharts/MSCombi2D.swf", $mystring, "", "anyString", 700, 500,false); ?> Any advice on how I can make sure the chart is always opened in a new window on the mobile phone and sized 100% 100%? I imagine when the user is done looking at the chart he can simply close the window. Thanks, SeeThePicture

Hi, Could you please provide tips/guidance on how to change the size of these buttons. I imagine if they are too small it would be difficult for mobile users to use the buttons. Thanks, SeeThePicture

One of the primary motivations for using Javascript charts is usability on iphones. I've tried using these buttons on the online demos and they are difficult to actuate. I wonder what work-arounds have been conceived by other participants of this forum. Can a larger image be used to call these functions? Can a custom vector be used? Can a textual link be used? Still thinking. Best regards, SeeThePicture

Hi, I'm using Chrome 19.0.1084.46 m. I have a local apache server and MYSQL database set up on my laptop. I successfully interface with the db via php to get info, create XML data and generate flash charts. So far everything works fine with my Fusioncharts XT when viewing flash charts on my local laptop http://localhost. However I want to make a change. I want to set up my local system to never generate flash charts. I want to generate only Fusionchart JavaScript charts. When I tried the example "Explicitly render JavaScript only charts" everything worked fine via my http://localhost. Then I tried to substitute my actual links into the code by doing this: replace: var myChart = new FusionCharts( "FusionCharts/Column3D.swf", "myChartId", "400", "300", "0", "1" ); with var myChart = new FusionCharts( "FusionCharts/MSCombi2D.swf", "myChartId", "400", "300", "0", "1" ); replace: myChart.setXMLUrl("Data.xml"); with myChart.setXMLUrl("mscombi2D.xml"); where mscombi2D.xml is a xml file for multi series charts saved in the same directory as my index.php. and where my directories are set up with my swf files residing in a folder in public_html\FusionCharts. The first thing I observe is that a 400px by 300px area appears, as though I am about to be shown a beautiful Fusioncharts Javascript chart. Then I get this message: "Loading Chart. Please wait." -----> And that's all. It stops there. :-( Here are some examples of what I've tried: -- playing with the paths -- Adding "../" as in "../FusionCharts/MSCombi2D.swf..." -- Adding "../" as in "../mscombi2D.xml..." -- Try a known good xml file -- replaced mscombi2D.xml with tryDataFromXmlGenerator.xml where tryDataFromXmlGenerator.xml was a xml file created with FC's XML Generator utility. -- went to chrome://plugins/ and made sure "Flash (2) files" was disabled. I've tried and undone each of the above three things one at a time, but all produce the same result. No improvement. (same message. "Loading Chart. Please Wait."). Please advise. Thank You, SeeThePicture

Thank you for all your support, Sashibhusan. From your most recent reply I feel I have a better understanding of how to use FC PHP Class vs simply using PHP and FC methods. Before leaving the house for work, I tried your recommendations. I wasn't seeing the expected results. I stopped by a breakfast restaurant and took my laptop with me into the restaurant again to your recommendations. I thought, "Since I am using localhost, I should be fine. I don't need WIFI." Upon my first try, without making any changes -- BOOM! I saw my beautiful JS FusionCharts! It turns out that because I had no WIFI, I was unable to call on some JQuery UI files that I've been unknowningly calling on. At the restaurant, my JS FusionCharts were working fine, but my JQuery components were dead. Then, I went to a place that had WIFI and I was back at square one. FC not able to function, but JQuery UI components working fine. I began to suspect that I was using severely outdated JQuery UI code and somehow this was causing a conflict with my FusionCharts. I updated JQuery UI. Now, everything is working beautifully together (on localhost). Thank you for all your patience, perseverence and help. On to my next question. I will create a new thread for that. Thanks! SeeThePicture

Thank you for this explanation. During my many "hacks" over the past few days I actually was able to implement something similar to your recommendation a few times. It does produce a chart, but I do not know that the chart is Javascript. I think the chart is Flash. Here's my simple test. After properly creating a chart, I right click on it. If it is a Javascript chart, I would see this kind of right click menu: If it is a Flash chart, I would see this kind of right click menu: By using the "echo renderChart(..." method you prescribed and playing with my "right click test" I can see that I am always getting a Flash chart. :-( I say "similar" above because you recommended "FC_SetRenderer("javascript")" but I've always been using "$FC->setRenderer('javascript');". What is the difference between the two? The following line seems to get ignored as I always do get a chart, but it's a Flash chart. A new observation (I think since updating my FusionCharts.php file) is that I can faintly see the words "Reading Data. Please wait" through my chart which is partially transparent. $FC->setRenderer('javascript'); Replacing the above line with the following line simply produces the symptom -- stuck at "Loading Chart. Please wait." No chart is produced. FC_SetRenderer("javascript"); I am beginning to think I have a wrong version of file somewhere. Until about 15 minutes ago I didn't realize that I had an outdated version of "FusionCharts.php" in my Includes directory. Any thoughts? Could this be a clue leading us to root cause? Regards, SeeThePicture

Hello, Yes, I think it will help. I hope it will. Thank you. So, tonight I played with FC PHP Class. I did this: $FC = new FusionCharts("MSCombi2D",729,547,"Chart1"); $FC->setSWFpath("../MyFCPHPClassCharts/FusionCharts/"); $FC->setRenderer('javascript'); Now with regards to generating XML data, note that I do have a data provider page. Mine is very similar to PieData.php of your "Using with PHP Class --> Charting Data from Database." Except in order to generate my XML data, I pass variables to my page in the URL. It would be as if I do something like "PieData.php?ID2BeViewed=animal&myvar=1&currtime=5_16_2012_21_4_52." I know my data provider page works because if I were to go to http://localhost/Data/PieData.php?ID2BeViewed=animal&myvar=1&currtime=5_16_2012_21_4_52 I would instantly see nice XML displayed on my screen. But how do I get this to work now that I am trying to leverage FC PHP Class? Before I enter a line that says, "$FC->renderChart();" I am guessing that I would need to somehow tell FC that I want FC to somehow generate XML data by going to PieData.php?ID2BeViewed=anima... etc. , right? Please advise. Do I use FC PHP Class' function "getXML()?" "renderchart()?" "renderChartFromExtData()?" Your continued help would be greatly appreciated. Your thoughts? Thanks, SeeThePicture

It's me (SeeThePicture). I would like to attempt to clarify my above post from "21 May 2012 - 09:32 PM". Baseline: When I use the Flash charts, I can successfully create charts using lines of PHP code that are very similar to those shown in Documentation's "Home > Guide for web developers > Using with PHP > Plotting from database -- Converting the example to use dataURL method": Sharing my code on this forum would cause me to become confused because I feel I am a noob and I wouldn't want to clutter this forum with my hacked code. Therefore I will leverage samples from FusionCharts Documentation -- samples that look similar to what worked/didn't work for me. From "Home > Guide for web developers > Using with PHP > Plotting from database -- Converting the example to use dataURL method": I have success at doing this stuff: ------ "Chart Container Page - Default.php" ---------- Using encodedataurl to establish my fancy URL like $strDataURL = encodeDataURL("PieData.php?animate=1") ---------- Using echo renderchart to create the chart like echo renderChart("../../FusionCharts/Pie3D.swf", $strDataURL, "", "FactorySum", 600, 300, false, true); ------ "Creating the data provider page PieData.php" ---------- accessing the db ---------- creating my $strXML. -- "Create multi-series line chart" Etc. etc. etc. It does work for me. :-) -- It works when I use Flash no problem there. Trying to learn: Now that I am trying to learn how to create the charts only using Javascript, I am at a point in my learning process where I first want to see on my localhost if I can even make a single javascript chart by doing something much more simple than the above. That's why I created a simple XML file for my learning and experimentation process (tryDataFromXmlGenerator.xml). I am trying to prove to myself that I can replicate what is done in your example "Explicitly render JavaScript only charts" using my simple xml file which I saved to my "public_html" folder. Only after I've reached that milestone will I venture forward and try to create JS charts by somehow referencing a URL callout like "$strDataURL = encodeDataURL("PieData.php?animate=1");". Know what I mean? One step at a time? I appreciate your help as I try to figure this out. Best Regards, SeeThePicture

For what it's worth, I have identified one line of code -- the presence and absence of which instantly toggles me between two states. FusionCharts.setCurrentRenderer('javascript'); When I have it in place I expect to see a Javascript chart but instead all I get is "Loading Chart. Please wait." When I delete it, I do get a functioning Flash chart. But, as you can read from my original post that's not what I want. Have I done something to cause the "FusionCharts.setCurrentRenderer('javascript')" to stop working? Please advise. Regards, SeeThePicture

Here is my sample code: <div id="chartContainer">FusionCharts will load here!</div> <script type="text/javascript"> FusionCharts.setCurrentRenderer('javascript'); var myChart = new FusionCharts( "FusionCharts/MSCombi2D.swf", "myChartId", "400", "300", "0", "1" ); myChart.setXMLUrl("tryDataFromXmlGenerator.xml"); myChart.render("chartContainer"); </script> Here is my sample XML (tryDataFromXmlGenerator.xml): <chart caption="caption here" subcaption="subcaption here" xaxisname="myXaxis" yaxisname="myYaxis" palette="1"> <categories> <category label="5/1/2012" /> <category label="5/2/2012" /> <category label="5/3/2012" /> <category label="5/4/2012" /> <category label="5/5/2012" /> <category label="5/6/2012" /> <category label="5/7/2012" /> <category label="5/8/2012" /> <category label="5/9/2012" /> <category label="5/10/2012" /> <category label="5/11/2012" /> <category label="5/12/2012" /> <category label="5/13/2012" /> <category label="5/14/2012" /> <category label="5/15/2012" /> <category label="5/16/2012" /> <category label="5/17/2012" /> <category label="5/18/2012" /> <category label="5/19/2012" /> <category label="5/20/2012" /> </categories> <dataset SeriesName="Series_1"> <set value="1200" /> <set value="1200" /> <set value="1200" /> <set value="1200" /> <set value="1200" /> <set value="1200" /> <set value="1200" /> <set value="1200" /> <set value="1200" /> <set value="1200" /> <set value="1200" /> <set value="1200" /> <set value="1200" /> <set value="1200" /> <set value="1200" /> <set value="1200" /> <set value="1200" /> <set value="1200" /> <set value="1200" /> <set value="1200" /> </dataset> <dataset SeriesName="Series_2"> <set value="2000" /> <set value="2000" /> <set value="2000" /> <set value="2000" /> <set value="2000" /> <set value="2000" /> <set value="2000" /> <set value="2000" /> <set value="2000" /> <set value="2000" /> <set value="2000" /> <set value="2000" /> <set value="2000" /> <set value="2000" /> <set value="2000" /> <set value="2000" /> <set value="2000" /> <set value="2000" /> <set value="2000" /> <set value="2000" /> </dataset> <dataset SeriesName="Series_3"> <set value="3000" /> <set value="3000" /> <set value="3000" /> <set value="3000" /> <set value="3000" /> <set value="3000" /> <set value="3000" /> <set value="3000" /> <set value="3000" /> <set value="3000" /> <set value="3000" /> <set value="3000" /> <set value="3000" /> <set value="3000" /> <set value="3000" /> <set value="3000" /> <set value="3000" /> <set value="3000" /> <set value="3000" /> <set value="3000" /> </dataset> </chart>

What is the current challenge that prevents scrolling charts and zooming into fusioncharts/highcharts when using iPhones and iPads? Here is a link that you can try with your iPhone or iPad. The iPhone/iPad demo shows that you can swipe inside of an object without moving the same. How far are we from also being able to pinch in and out? It would be great to provide a way for users to swipe and pinch fusioncharts/highcharts inside of iPhone and iPad applications. What are your thoughts on this? Might we ever see this ability in future releases of fusioncharts or its Javascript renderer?