• Content count

  • Joined

  • Last visited

About zugzwang

  • Rank
    Junior Member
  1. Converting to javascript

    Ok I will send email in a few minutes... Thanks.
  2. Converting to javascript

    My frustration grows. I am done with the examples I am not able to resolve them in a meaningful way that relates to my actual page. I want to give you my actual page, but i don't want to post it here. How can we get this done?
  3. Converting to javascript

    Well as I said earlier, I created these test files in the "MyFirstChart" testing environment. Weekly-sales.html using Column3D XT chart. Per Haritha, I added the FusionCharts.HC.Widgets.js. file. All other files are present, and weekly-sales worked. I will dig further into it and let you know - not much progress today.
  4. Converting to javascript

    Hiya Haritha, Thanks again for helping. I discovererd I was missing FusionCharts.HC.Widgets.js. I started by building the "firstChart" example weekly-sales.html per the documentaion, made sure it worked (it did), and then added test files similar to my production web page to test individual charts/gauges. Since weekly-sales.html doesn't display a widget, the documentation rightly doesn't say to use the file. After adding FusionCharts.HC.Widgets.js, I was able to see my test charts displayed on an IPAD - Yay! However adding the file 'broke' the ability to see the charts in flash. Further, the example file weekly-sales.html was broken as well. I thought I read in the documentation that fusion charts would determine the type of machine and render either flash or javascript as needed? I need the ability to have my webpage seen by both methods. BTW, there is no error message, instead the string from the html file prints: 'FusionCharts XT will load here!'. A bit more assistance if you please, I feel we are very close to resolving this! Thank you. Best, Larry.
  5. Converting to javascript

    Hello Haritha, I am uploading 4 files one pair is for an angular gauge (testAG.html, testAG.xml) and the other pair is for an HLinear Gauge (testHLG.html and testHLG.xml). Please note the error message is a bit different, it says: "Chart type not supported". I have seen that message on the forum elsewhere. Please know that I have cleared my cache and the chart still doesn't render, and I am using version 3.3.1. Thanks in advance for the help Cheers, Larry. testHLG.xml testHLG.html testAG.xml testAG.html
  6. Converting to javascript

    Hello again Rishab, I have confirmed that changing the data (adding the space as you indicated) fixes the chart -- YAY! However there are 3 different charts used a total of 8 times on the production web page. Making the change fixed 2 of 8 (the ones that were Column2D) The other six are chart types HLinearGauge and AngularGauge. These two are part of FusionWidgets. So I guess my next question is can Widgets be rendered in javascript? If so, I will upload the xml files to this thread to see if you spot the problems with them... Thanks! (we are making progress )
  7. Converting to javascript

    Thank you very much, I am off yesterday and today - but I will check this out and let you know first thing Monday morning! Thank you again!!
  8. Converting to javascript

    Thank you for replying. Do you mean to say that my code failed because of the lack of blank lines? are the attributes in the html or in the xml --sorry still a beginner... Please explain where the attributes are and where the space(s) need to be -- thanks sincerely... Larry.
  9. Hello All, We have a webpage that contains 6 fusion charts, it is a couple of years old. We were told that it doesn't render on ipads or iphones. After reading documentation I learned a little about flash and javascript. So I tried to convert our webpage but didn't have much success. So I backed up, and tried to build "myFirstChart" as specified by a help file here: http://docs.fusioncharts.com/charts/contents/FirstChart/UsingPureJS.html#force I successfully built the weekly-sales.html and the supporting files/directories, and the page worked on both flash and ipad. Yay! So then, using weekly-sales as a templet, I built another (using a different chart column2d.swf -added to FusionCharts sub-directory), and placed it in the working file directory structure built for myFirstChart. attached as ex1.html. This worked in flash but not on the Ipad. So then I tried to use an alias, as the documentation descibes (column2d, instead of column2d.swf), attached as ex2.html, but this failed on both flash AND Ipad. Finally, I tried to explicitly force javascipt using the following line: FusionCharts.setCurrentRenderer('javascript'); attached as ex3.html. This also failed on both flash and Ipad. I am attaching the files I mentioned and the .xml file. Please if anyone could point out my dumb mistake I would be very appreciative Thanks, Larry, from Hollins University. ex1.html ex2.html ex3.html ex.xml weekly-sales.html
  10. Rendering Javascripts Only

    I am including the project folder as requested the problem file isUadm-Dashboard-Mockup.aspx - the line in question is line 66. Please note that UAdm-Dashboard-KPI.aspx is the same as Uadm-Dashboard-Mockup.aspx except the Mockup is the test version and has the additional line. I tried to upload the file but I get an error message saying I am not allowed to upload this kind of file (it is an .aspx) file so I am posting the raw code below: If you need more please let me know and we can make arrangements... Larry. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1"><title> Undergrad Admissions KPI Data </title> <script type="text/javascript" src="FusionCharts.js"> </script> <style type="text/css"> #chartContainer { height: 250px; margin-top: 0px; } .style1 { height: 50px; } #chartContainer2 { height: 250px; } #chartContainer3 { height: 250px; } #chartContainer4 { height: 250px; } .style6 { height: 30px; text-align: left; } .auto-style1 { height: 50px; text-align: center; } .auto-style2 { height: 30px; text-align: center; } .auto-style3 { font-family: Arial, Helvetica, sans-serif; } .auto-style5 { text-align: left; font-family: Arial, Helvetica, sans-serif; } </style> </head> <body> <!-- Live data goes here --> <table style="width: 86%; height: 600px; margin-bottom: 0px;"> <tr> <!-- <td class="auto-style1" colspan="2" style="height: 78px">chart --> <!-- here</td> --> <td class="auto-style1" colspan="2" style="height: 52px"><div id="chartContainer0"><br /> FusionWidgets will load here!<br /> </div> <script type="text/javascript">('javascript');<!-- FusionCharts.setCurrentRenderer('javascript'); var myChart = new FusionCharts("Charts/HLinearGauge.swf", "myChartId", "500", "100", "0", "1"); myChart.setXMLUrl("data/BLOSSOM/LiveEnroll.xml"); myChart.render("chartContainer0"); FusionCharts.setCurrentRenderer; // --> </script></td> </tr> <tr> <!-- <td class="auto-style1" colspan="2">text here</td> --> <td class="auto-style2" colspan="2"> <strong><span class="auto-style3">Enrollment Count Hollins 2013 (live data)</span><br class="auto-style3" /> </strong> </td> </tr> <tr> <!-- Chart for cell 1,1 --> <td class="style1" style="width: 717px"><div id="chartContainer"><br /> FusionWidgets will load here!<br /> </div> <script type="text/javascript"><!-- var myChart = new FusionCharts("Charts/AngularGauge.swf", "myChartId", "600", "250", "0", "1"); myChart.setXMLUrl("data/BLOSSOM/Data.xml"); myChart.render("chartContainer"); // --> </script></td> <!-- Chart for cell 1,2 --> <td class="style1"><div id="chartContainer2"><br /> FusionWidgets will load here!<br /> </div> <script type="text/javascript"><!-- var myFunnelChart = new FusionCharts("Charts/Column2D.swf", "myChartId", "500", "250", "0", "1"); myFunnelChart.setXMLUrl("data/BLOSSOM/Recruiter.xml"); myFunnelChart.render("chartContainer2"); // --> </script></td> </tr> <tr> <!-- Cell 2,1 a title for the chart in cell 1,1--> <td class="style6" style="width: 717px"> <strong><span class="auto-style3"> Number of Freshmen Applications to Hollins 2013<br /> </span><br class="auto-style3" /> </strong> </td> <!-- Cell 2,2 a title for the chart in cell 1,2--> <td class="auto-style5" style="height: 30px" valign="top"> <strong> YTD Count of Deposits by Counselor Initials</strong></td> </tr> <tr> <!-- Chart for cell 3,1 --> <td class="style1" style="width: 717px"><div id="chartContainer3"><br /> FusionWidgets will load here!<br /> </div> <script type="text/javascript"><!-- var myChart = new FusionCharts("Charts/AngularGauge.swf", "myChartId", "600", "250", "0", "1"); myChart.setXMLUrl("data/BLOSSOM/Completed.xml"); myChart.render("chartContainer3"); // --> </script></td> <!-- Chart for cell 3,2 --> <td class="style1"><div id="chartContainer4"><br /> FusionWidgets will load here!<br /> </div> <script type="text/javascript"><!-- var my2DColChart = new FusionCharts("Charts/Column2D.swf", "myChartId", "500", "250", "0", "1"); my2DColChart.setXMLUrl("data/BLOSSOM/EnrollHist.xml"); my2DColChart.render("chartContainer4"); // --> </script></td> </tr> <tr> <!-- Cell 4,1 a title for the chart in cell 3,1--> <td class="style6" style="width: 717px"> <strong><span class="auto-style3"> Completed Apps 2013</span><br class="auto-style3" /> </strong> </td> <!-- Cell 4,2 a title for the chart in cell 3,2--> <td class="auto-style5" style="height: 30px" valign="top"> <strong> 7-Year Enrollment History </strong> </td> </tr> </table> </body> </html>
  11. Rendering Javascripts Only

    Hello Sumedh, Thanks for replying I have read the links you provided, and it is clear to me that we may not be on the proper version. It is true that we have the 4 files you mention in the projects folder: > FusionCharts.js > FusionCharts.HC.js > FusionCharts.HC.Charts.js > jquery.min.js However located on the C:\ of the server is a folder FusionCharts that contains a file called Version.txt. Inside it says: Current Version: FusionCharts v3.2.1 (Released on 6th October 2010) So I have a stalemate - I am not sure if I am version XT or version 3.2.1. Do you know of something else I may look at to break the tie? Thanks again, Larry.
  12. Hello All, About a year ago we built a web page with 5 fusion charts. It has worked well continuously since it was built. Recently we discovered that the charts will not render on I Pads. We found information about this on the knowledge base: http://kb.fusioncharts.com/questions/392/How+do+I+render+charts+using+JavaScript+%28without+Flash%29+%26+in+iPhone%7B47%7DiPod%7B47%7DiPad%3F The help page says for fusion charts to render on Apple equipment javascript must be used - not flash. It also says to always use javascript insert the following line into our code: FusionCharts.setCurrentRenderer('javascript'); We tried this but the charts still don't appear. There is a message for each chart that says: "Loading chart, Please wait", however the charts never load. It occurred to us the problem might be that we are not using Fusioncharts XT - is there something I can examine to tell me if we are using Fusioncharts XT? Or perhaps I missed something on the help page or is another error I am making that someone sees? Thanks in advance for any help. Larry Blankenship Hollins Universithy
  13. Thanks Sumedh, this worked as well. I have decided to put the trendline information outside and the tickmark numbers on the inside, and all is working fine. Thank you both for timely and clear answers. I am done with this thread as all of my questions have been answered... Thanks! Larry.
  14. Thank you very much for responding, Bindhu. The "valueInside=1" feature works very well. Is there a similar feature to move the tick mark numbers inside? I think I will try the Psuedo code solution as well. Thanks again, Larry
  15. Hello, This may not be a bug, but instead an error on my part. I have found that it is possible for the tick mark value and the trend point display value to overwrite each other in an AngularGauge chart. Here is an xml file to demonstrate the problem I am having. Notice that "Lst Yr" conflicts with the "750" (midpoint tick value): <chart lowerLimit="0" upperLimit="1500" lowerLimitDisplay="0" upperLimitDisplay="1500" tickValueDistance="20" showValue="1" pivotFillColor="333333" pivotFillAlpha="100" ChartTopMargin="20"> <!-- This file was created on: 04/02/2012 08:50:44 --> <colorRange> <color minValue="0" maxValue="500" code="FF654F"/> <color minValue="500" maxValue="1000" code="F6BD0F"/> <color minValue="1000" maxValue="1500" code="8BBA00"/> </colorRange> <dials> <dial value="789" rearExtension="10"/> </dials> <trendpoints> <point startValue="779" displayValue="Lst Yr" color="666666" thickness="2"/> </trendpoints> </chart> I am wondering if there is a way to move either the trendpoint displayValue inside the guage, or the move the tick mark values inside the guage -- or perhaps another solution? Thanks in advance, Larry Blankenship Hollins University