How to Add a Chart Control to a UX Component

The Chart Control can be used to create charts that display information, such as stock values or trend lines, in a UX Component.

How to Add a Google Chart to a UX Component

The Google visualization libraries offer an alternative to creating and displaying charts in a UX Component.

How to Use Chart Events to Add Effects

Pie slices can be "exploded" to add emphasis. Chart events can be used to dynamically explode pie slices in a Chart control when the chart is double-clicked. Events also be used to enhance a chart with effects such as popup help or additional details.

How to Base a Chart on Cross-sectional Data

When a data series must be based on multiple fields in a record rather than a single field across multiple records, a Cross-Sectional data series can be created to map multiple columns in a table to one or more sub-series.

How to Base a Chart on a Javascript Data Series

The data series used to create a chart can be generated using JavaScript.

How to Base a Chart on a Custom Series

An Xbasic function can be used to create a Custom data series that dynamically computes sub-series data from a SQL database.

How to Customize the Chart Control Background and Labels

Several pre-configured themes are available for changing how a Chart control looks. Themes are great for many cases, however some effects can only be achieved by using CSS.

How to Define Labels for Bars in Bar Charts

The default behavior of using the data value for a bar chart labels can be changed.

How to Download a Google Chart as a bitmap

Some Google Charts can be downloaded as a bitmap image and embedded in a PDF or saved to disk. A button added to a UX Component can be used to download a chart created using the Google Chart API.

How to Export Charts to PDF or RTF Format

Chart controls in a UX component can be exported to PDF or RTF using Action Javascript.

How to Populate a Javascript Chart Dynamically from a SQL Database

A Data Series can be used to dynamically populate a Javascript Chart control in a UX Component with data from a SQL Database.

How To Bind Chart Data and Settings to a JavaScript Function

A JavaScript function can be used to dynamically populate the data and properties for a Javascript Chart control in a UX Component.

How to Plot Multiple Data Series on a Single Chart

Multiple data series can be plotted in one Chart control, either as one chart type or using several chart types.

How to Plot Time Series

Alpha Anywhere's server-side charting controls will evenly distribute date and time series when plotting the data, even if the series is missing intermediate dates.

How to Refresh a Data Series for One or More Chart Controls

Multiple Chart controls can reference the same data series. When a Data series is refreshed, all charts that reference the data series are also updated.

How to Split a Series into Multiple Series

A Data Series can be split into multiple logical series using a sub-series. This technique is useful in situations where the data you would like to plot can easily be split into multiple series - such as sales information over multiple years by company.

How to Use SQL Data in a Google Chart

Data used to populate a Google Chart can be dynamically created from a SQL database.

How to Write a Charting Application For a Web Service

Charts can be created based on data from a Web Service. Using Xbasic callbacks, data from a web service such as Yahoo! Finance can be retrieved and used to populate a data series in a Chart control.