ChartDirector Ver 3.1 (PHP Edition Edition)

XY Charts


In this section, we will discuss how to create XY Charts using ChartDirector through a number of examples.

In ChartDirector, XY Chart refers to any chart that has x and y axes. These include bar charts, line charts, spline line charts, stepline charts, scatter charts, bubble charts, trend line charts, area charts, high-low-open-close charts, candlestick charts, box-whisker charts, etc.

ChartDirector employs a layering architecture for XY charts. Each chart type is represented as a layer on a plot area. You can include multiple layers on the same plot area to create arbitrary combination charts.

For clarity and ease of understanding, this documentation is separated into sections to explain each layer type individually. Please note that each XY chart type is just a layer in the XY Chart, and you may freely combine them together to create any arbitrary combination charts.

In this section


Bar Charts
Demonstrates 2D and 3D bar charts, vertical and horizontal bar charts, multi-color bar charts, stacked bar charts, multi-bar charts, multi-stacked bar charts, depth bar charts, bar labels, and a number of chart formatting features.

Line Charts
Demonstrates 2D and 3D line charts, multi-line charts, spline line charts, step line charts, rotated line charts, data symbols, lines with error symbols, interline coloring, discontinuous lines, and a number of chart formatting features.

Trend and Curve Fitting
Demonstrates linear regression trending lines with confidence bands, and arbitrary curve fitting using LOWESS.

Scatter/Bubble Charts
Demonstrates scatter and bubble charts, custom scatter symbols and labels, non-circular bubbles and xy independently scaled bubbles.

Area Charts
Demonstrates 2D and 3D area charts, stacked area charts, depth area charts, percentage area charts, rotated area charts, and a number of chart formatting and area filling features.

Box-Whisker Charts
Demonstrates vertical and horizontal box-whisker charts, as well as simple gantt charts.

Finance Charts
Demonstrates creating full featured finance charts combining high-low-open-close charts, candlesticks charts, volume charts, moving averages, Bollinger bands, Donchian channels, RSI, MACD, Stochastic, etc, and using using ChartDirector's array manipulation utility class ArrayMath to compute various financial indicators.

Other XY Chart Features
Demonstrates various features common to all XY Charts, such as marks and zones, zone colors, dual x-axis, dual y-axis, text styles and coloring control, backgrounds and wallpapers, log scale axis, and other axis scaling control features.