DZone
Mobile Zone
Thanks for visiting DZone today,
Edit Profile
  • Manage Email Subscriptions
  • How to Post to DZone
  • Article Submission Guidelines
Sign Out View Profile
  • Post an Article
  • Manage My Drafts
Over 2 million developers have joined DZone.
Log In / Join
  • Refcardz
  • Trend Reports
  • Webinars
  • Zones
  • |
    • Agile
    • AI
    • Big Data
    • Cloud
    • Database
    • DevOps
    • Integration
    • IoT
    • Java
    • Microservices
    • Open Source
    • Performance
    • Security
    • Web Dev
DZone > Mobile Zone > Data Visualizations That Rock in Alpha Anywhere

Data Visualizations That Rock in Alpha Anywhere

You can create a wide array of data visualizations for your mobile application, and now, this can be done offline with the JavaScript Chart control.

Sarah Mitchell user avatar by
Sarah Mitchell
·
May. 09, 17 · Mobile Zone · Opinion
Like (1)
Save
Tweet
2.93K Views

Join the DZone community and get the full member experience.

Join For Free

Providing analytics through reports or dashboards is a major requirement in many mobile business applications. Having a way to visualize the day-to-day operations at a glance is critical for enterprises. Dashboards are frequently used in applications to provide real-time data visualizations for business information.  This information needs to be accessible everywhere – desktop or mobile – and with or without an internet connection.

Alpha Anywhere has always included support for adding charts to applications and reports, however, these charts were historically only available if the user had a connection.  With the addition of new Javascript Chart control in Alpha Anywhere 4.4, however, you can now add offline mobile charting to your Alpha Anywhere applications.

The Javascript Chart control operates 100% on the client, eliminating the need for the Application Server to render the control.  This makes it possible to dynamically generate charts in offline applications using data in List controls, client-side Data Series, or a local SQLite database. Client-side charts are also faster than the traditional server-side charts since they do not require an Ajax callback to download data from a remote server.

Alpha Anywhere’s Javascript Charts utilize the RGraph library, which offers a wide variety of options for styling charts using CSS. Multiple chart types and data series can also be combined into a single chart, giving you more power and flexibility to create the data visualizations needed in your business applications. Sample charts are available out-of-the-box such as the chart shown below, providing a starting point for building custom charts to meet the needs of your clients.

jsChart2

The Javascript Chart can be used to add one or more of the following types of charts to your Alpha Anywhere application. Some chart types listed are only available using the Javascript Chart control:

  • Bar Charts.
  • Line Charts.
  • Pie Charts.
  • Radar Charts.
  • Semi-circular Progress Charts.
  • Horizontal and Vertical Progress Charts.
  • Waterfall Charts.
  • Scatter Plots.

SemiCircularNumberDisplay Control

In addition to the Javascript Chart control, another control was added to make creating semi-circular progress charts: the SemiCircularNumberDisplay control. This control can be used to add gauge-like controls to an Alpha Anywhere application.

valuerange5

The SemiCircularNumberDisplay control utilizes the same RGraph library as the Javascript Chart control. However, unlike the Javascript Chart control, the SemiCircularNumberDisplay control is a Data control, meaning it has a value that can be set and read using Alpha Anywhere’s JavaScript library.

Server-Side Charting

chartExport1

In addition to Javascript Charts, the UX Component also has the Chart control.  The Chart control is a server-side based control.  The Chart control is computed on the Alpha Anywhere Application Server and is used with Data Series to provide data visualizations in applications.  While not ideal for applications that need to work offline, the Chart control can be used to build dashboards in web applications.  Both Chart and Javascript Chart controls can be placed in the same component.

Data (computing) Chart Alpha (finance) mobile app Visualization (graphics) JavaScript

Published at DZone with permission of Sarah Mitchell, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.

Popular on DZone

  • SQL GROUP BY and Functional Dependencies: a Very Useful Feature
  • How Does the Internet Speed Test Work?
  • Python Class Attribute: Class Attribute vs. Instance Attribute
  • Machine Learning in Cybersecurity

Comments

Mobile Partner Resources

X

ABOUT US

  • About DZone
  • Send feedback
  • Careers
  • Sitemap

ADVERTISE

  • Advertise with DZone

CONTRIBUTE ON DZONE

  • Article Submission Guidelines
  • MVB Program
  • Become a Contributor
  • Visit the Writers' Zone

LEGAL

  • Terms of Service
  • Privacy Policy

CONTACT US

  • 600 Park Offices Drive
  • Suite 300
  • Durham, NC 27709
  • support@dzone.com
  • +1 (919) 678-0300

Let's be friends:

DZone.com is powered by 

AnswerHub logo