ChartDirector 7.0 (PHP Edition)

Zoomable and Scrollable Charts


This section describes the ChartDirector Zooming and Scrolling Framework for creating zooming and scrollable charts.

In this section

Zooming and Scrolling Framework
Description of the ChartDirector Zooming and Scroll Framework .

Simple Zooming and Scrolling
This sample program demonstrates a simple zoomable and scrollable chart with tooltips, using mouse click and drag to control zooming and scrolling.

Zooming and Scrolling with Track Line
Besides using mouse click and drag for zooming and scrolling, this example has buttons for jumping immediately to display data for the last 30 days, last 90 days, last year or all time. There are check boxes to select the data series to plot, and an update button to immediately update the chart. In addition, the chart includes a track cursor that updates the legend dynamically to display the data values as the mouse cursor moves over the chart.

Zooming and Scrolling with Viewport Control
The example extends the Zooming and Scrolling with Track Line example by adding a WebViewPortControl to visualize and control the viewport, and a button to download the chart as PDF.

XY Zooming and Scrolling
This example demonstrates zooming and scrolling in both horizontal and vertical directions. In addition to using mouse click and drag, this example demonstrates using a WebViewPortControl to visualize and control the viewport. There is also an image map for data point tooltips.