ChartDirector 7.1 (.NET 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.

Simple Zooming and Scrolling (Windows)
This example 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 (1) (Windows)
In addition to using mouse click and drag, this example demonstrates using a scroll bar for scrolling and mouse wheel for zooming. It also 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 Track Line (2) (Windows)
This example extends Zooming and Scrolling with Track Line (1) (Windows) by adding date picker controls to select and display the date range. It also includes checkboxes to hide and show data series.

Zoom/Scroll with PDF Report (Windows)
This example extends Zooming and Scrolling with Track Line (1) (Windows) to demonstrate creating a PDF report with multiple charts covering the entire data range.

Mega Chart Zoom/Scroll (Windows)
This example demonstrates a zoomable and scrollable chart with huge datasets containing 3 x 10M data points.

Zooming and Scrolling with Viewport Control (Windows)
The example extends the Zooming and Scrolling with Track Line (1) (Windows) example by replacing the scrollbar with a WinViewPortControl. There is also a save button to save the chart in PNG, JPG, GIF, BMP, SVG or PDF formats.

XY Zooming and Scrolling (Windows)
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 slider and a WinViewPortControl to control zooming and scrolling. This example also includes a crosshair track cursor with dynamic labels on the x-axis and y-axis showing the mouse cursor position, and an image map for data point tooltips.

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/RazorViewPortControl 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/RazorViewPortControl to visualize and control the viewport. There is also an image map for data point tooltips.