Alpha Software Blog



Data Visualizations that Rock in Alpha Anywhere

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.


Prev Post Image
Mobile-First Development & Design: Make sure you are doing it right
Next Post Image
Tips for Designing Mobile Apps that Engage Users

About Author

Sarah Mitchell
Sarah Mitchell

Technical Writer and Documentation Expert at Alpha Software


The Alpha platform is the only unified mobile and web app development and deployment environment with distinct “no-code” and “low-code” components. Using the Alpha TransForm no-code product, business users and developers can take full advantage of all the capabilities of the smartphone to turn any form into a mobile app in minutes, and power users can add advanced app functionality with Alpha TransForm's built-in programming language. IT developers can use the Alpha Anywhere low-code environment to develop complex web or mobile business apps from scratch, integrate data with existing systems of record and workflows (including data collected via Alpha TransForm), and add additional security or authentication requirements to protect corporate data.

Comment