ChartDirector Ver 3.1 (PHP Edition Edition)

Clickable Charts Operation Overview


For a browser to display an image with an image map, the following sequence of events must have occurred:

  1. The browser sends a HTTP request to the server.

  2. The server returns a HTML web page that contains an <IMG> tag for the image, and the <MAP> and <AREA> tags for the image map.

  3. The browser receives the HTML web page. It then sends another HTTP request to the server using the URL in the <IMG> tag for the actual image.

  4. The server returns the actual image to the browser.
Note that a ChartDirector chart image needs to be generated in step (2), so that we can produce the image map. However, the image itself can only be delivered to the browser in step (4), which is another HTTP connection. So after the chart image is produced in step (2), it must be saved in "some place". When step (4) occurs, the server can send the image to the browser.

The "some place" can be a "temporary file" or a "session variable". The clickable examples in this documentation will be based on the "session variable" approach.


arts are most often used to produce charts that have "drill down" or "zoom in" capabilities. For example, a pie chart could be created such that when a user clicks on the sectors, the browser will load another web page containing a more detail chart regarding that sector. Similarly, a day-of-week bar chart could be created such that when a user clicks on a bar, the browser will load an hour-of-day chart for the day that the user has clicked.

ngineering Limited. All rights reserved. charts. It is a subclass of BaseChart. Sector The Sector class represents sectors.

XY Charts Related

ClassDescription
XYChart The XYChart class represents XY charts. The XYChart class is a subclass of BaseChart.
PlotArea The PlotArea class represents plot areas in XY charts.
Axis The Axis class represents x and y axes in XY charts.
Mark The Mark class represents mark lines. It is a subclass of TextBox. Mark objects are created using Axis.addMark.
Layer The Layer class is the base class for all XYChart layer classes.
BarLayer The BarLayer class represents bar layers. BarLayer is a subclass of Layer.
LineLayer The LineLayer class represents line layers. LineLayer is a subclass of Layer.
SplineLayer The SplineLayer class represents spline layers. SplineLayer is a subclass of LineLayer.
StepLineLayer The StepLineLayer class represents step line layers. StepLineLayer is a subclass of LineLayer.
TrendLayer The TrendLayer class represents trend layers. TrendLayer is a subclass Layer.
InterLineLayer The InterLineLayer class represents interline layers. InterLineLayer is a subclass of Layer.
ScatterLayer The ScatterLayer class represents scatter layers. ScatterLayer is a subclass of Layer.
AreaLayer The AreaLayer class represents area layers. AreaLayer is a subclass of Layer.
HLOCLayer The HLOCLayer class represents high-low-open-close layers. HLOCLayer is a subclass of Layer.
CandleStickLayer The CandleStickLayer class represents candlestick layers. CandleStickLayer is a subclass of Layer.
BoxWhiskerLayer The BoxWhiskerLayer class represents box-whisker layers. BoxWhiskerLayer is a subclass of Layer.
DataSet The DataSet class represents data sets.

Polar Charts Related

ClassDescription
PolarChart The PolarChart class represents polar charts (including radar charts). The PolarChart class is a subclass of BaseChart.
RadialAxis The RadialAxis class represents radial axes in polar charts. The radial axis is the axis representing the radius component of a polar coordinate.
AngularAxis The AngularAxis class represents angular axes in polar charts. The angular axis is the axis representing the angular component of a polar coordinate.
PolarLayer The PolarLayer class is the base class for all PolarChart layer classes.
PolarLineLayer The PolarLineLayer class represents polar area layers. PolarLineLayer is a subclass of PolarLayer.
PolarAreaLayer The PolarAreaLayer class represents polar area layers. PolarAreaLayer is a subclass of PolarLayer.
PolarSplineLineLayer The PolarSplineLineLayer class represents polar spline line layers. PolarSplineLineLayer is a subclass of PolarLineLayer.
PolarSplineAreaLayer The PolarSplineAreaLayer class represents polar spline area layers. PolarSplineAreaLayer is a subclass of PolarAreaLayer.

Graphics Primitives

ClassDescription
DrawArea The DrawArea class represents drawing surfaces, with methods for performing graphics primitives (such as drawing lines, shapes and texts) and the surfaces.
TTFText The TTFText class represents text blocks.

Utility Classes

ClassDescription
ArrayMath The ArrayMath class is a utility class used to perform array computations.
RanTable RanTable is a utility class to produce tables with random numbers.


3, '1999-07-01', '420', '764', '408');