KB Article 10021
2012/10/26

Close
X
Contact Tech Support

 Email Tech Support
 (250) 655-1766
 [7:30 - 5:00 PST]
Your Meeting ID will be Provided by a Rep.
Tech Support
Tech Support Home
Software Updates
Knowledge Base Search
Recent KB Articles
Product FAQs
Code Samples
Documentation
Tech Blog
System Requirements
Installation Instructions
Support Testimonials
Contact us to...
Create a Ticket
Request a Free Demo
Suggest a New Feature
Submit Feedback
Upload a Large File
Other Services
Software Training
Professional Services

How to get SmartCharts on non-Flash devices

Product: SmartCharts Type: How to

Most mobile devices such as iPhone/iPod/iPad and Android devices do not support Flash applications, which is what the SmartCharts has generally been built with. Rather, these devices support JavaScript, a scripting language popular in the web development world and also supported by all major browsers. As a result our newer versions of SmartCharts can be rendered with either JavaScript or Flash. By switching your charts from Flash to JavaScript they can be viewed on mobile devices.

WebSmart 9.2+
In WebSmart 9.2 and higher you can set the renderer to JavaScript instead of Flash in the RunChart segment of the program. To do this, change:

SmartCharts.setCurrentRenderer("flash");

to:

SmartCharts.setCurrentRenderer("javascript");

Older Versions of WebSmart
If you are running an older version of SmartCharts such as those shipped with WebSmart versions prior to 9.2 you will need to download a new version of SmartCharts. Note that not all the charts support JavaScript. At the time of testing, only the pie, line, bar and column charts from single series support JavaScript.

To get started, follow the instruction below.

  1. Contact us at excel@excelsystems.com for a copy of the latest SmartCharts files.
    Caution!: Do not put these charts into your SmartChart folder if you have any graph programs currently in use. Some newer charts are not backward compatible and may cause your programs to stop working.

  2. Copy the files to your IFS directory and save it somewhere web accessible. Our suggestion would be in the folder with other SmartChart files but in a dedicated folder such as in /esdi/websmart/smartcharts/mobile/.

  3. Add the file to your WebSmart program, you may need to replace the existing SmartCharts.js include:
    <script type="text/javascript" src="/websmart/smartcharts/
    mobile/SmartCharts.js"></script>
  4. Here is an example of calling the program and displaying the graph.
    //Use setCurrentRenderer for strictly JS based charts
    SmartCharts.setCurrentRenderer("javascript");
    
    var myChart = new SmartCharts("
        /websmart/smartcharts/mobile/<field name=grType>",
        "<field name=pgmf_qpgmnam>", 
        "<field name=grWidth editcode=4>", 
        "<field name=grHeight editcode=4>", "0", "1" 
    );
    myChart.setXMLUrl("<field name=pgmf_qpgmnam>?task=run_report");
    myChart.render("chartContainer");
    

You can find some more information here.

Last Update: 20130226

Rate This Article

Did this example help you to achieve your goal?
 Yes  No  Don't Know

Enter additional comments below.   If you want to hear back from us, include your contact information.

Email Address:
Comments:
Please enable JavaScript in order to rate this page.