ChartDirector 7.0 (ASP/COM/VB Edition)

Zoomable and Scrollable Charts


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

For Windows Applications

Zooming and Scrolling Framework (Windows)
Description of the ChartDirector Zooming and Scroll Framework for Windows applications.

Zooming and Scrolling Demonstration (Windows)
This sample program demonstrates a zoomable and scrollable chart for time based data series, with drag to scroll, drag to zoom, click to zoom, and with external controls such as scroll bars, date/time picker control and combo boxes, to control the zooming and scrolling.

Zooming and Scrolling Demonstration (2) (Windows)
This sample program demonstrates a general zoomable and scrollable chart, with drag to scroll, drag to zoom, click to zoom, and with external controls such as navigate buttons, a zoom level slide bar and a navigation pad, to control the zooming and scrolling.

For Web Applications

Zooming and Scrolling Framework (Web)
Description of the ChartDirector Zooming and Scroll Framework for web applications.

Simple Zooming and Scrolling (Web)
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 (Web)
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 (Web)
The example extends the Zooming and Scrolling with Track Line (Web) example by adding a WebViewPortControl to visualize and control the viewport, and a button to download the chart as PDF.

XY Zooming and Scrolling (Web)
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.