ChartDirector Overview

The ChartDirector class library is for creating charts. It consists of a rich yet easy to use API to allow developers to control chart type and style, supply data to the chart, and perform customization.

ChartDirector outputs charts in standard image formats (PNG, GIF, JPEG, BMP, SVG, PDF) and as standard .NET objects (System.Drawing.Image). ChartDirector charts can easily be viewed on the screen, saved to files, or embedded in other documents.

ChartDirector also outputs additional information for the controls to provide advanced chart user interactions, such as tooltips and clickable chart objects, programmable track cursors, scrolling and zooming, viewport control and realtime charts.

ChartDirector comes with a number of controls for Windows Forms, WPF, ASP.NET Web Forms and ASP.NET Razor Pages (including ASP.NET MVC with Razor view engine).

Control	Description
WinChartViewer	The WinChartViewer provides the user interface for ChartDirector charts in the Windows Forms environment. Apart from displaying the charts, it supports tooltips and mouse events for chart objects, provides a dynamic layer for drawing programmable track cursors on the chart, and provides an interface for zooming and scrolling using mouse actions.
WinViewPortControl	The WinViewPortControl allows the user to visualize and control the viewport, which is a window to the full data range. The user can resize and move the viewport with the mouse, which corresponds to zooming and scrolling of the chart.

Control	Description
WPFChartViewer	The WPFChartViewer provides the user interface for ChartDirector charts in the WPF environment. Apart from displaying the charts, it supports tooltips and mouse events for chart objects, provides a dynamic layer for drawing programmable track cursors on the chart, and provides an interface for zooming and scrolling using mouse actions.
WPFViewPortControl	The WPFViewPortControl allows the user to visualize and control the viewport, which is a window to the full data range. The user can resize and move the viewport with the mouse, which corresponds to zooming and scrolling of the chart.

Control	Description
WebChartViewer	The WebChartViewer provides the user interface for ChartDirector charts in the ASP.NET Web Forms environment. It delivers dynamically created chart images to the browser, with HTML image map for tooltips and mouse events for chart objects. It supports postback events for clickable chart objects. It works with the browser side JsChartViewer to support AJAX and realtime chart updates, programmable track cursors and zooming and scrolling.
WebViewPortControl	The WebViewPortControl works with the browser side JsViewPortControl to allow the user to visualize and control the viewport, which is a window to the full data range.

Control

Description

WebChartViewer

The WebChartViewer provides the user interface for ChartDirector charts in the ASP.NET Web Forms environment. It delivers dynamically created chart images to the browser, with HTML image map for tooltips and mouse events for chart objects. It supports postback events for clickable chart objects. It works with the browser side JsChartViewer to support AJAX and realtime chart updates, programmable track cursors and zooming and scrolling.

WebViewPortControl

The WebViewPortControl works with the browser side JsViewPortControl to allow the user to visualize and control the viewport, which is a window to the full data range.

Control	Description
RazorChartViewer	The RazorChartViewer provides the user interface for ChartDirector charts in the ASP.NET Razor Pages environment. It delivers dynamically created chart images to the browser, with HTML image map for tooltips and mouse events for chart objects. It works with the browser side JsChartViewer to support AJAX and realtime chart updates, programmable track cursors and zooming and scrolling.
RazorViewPortControl	The RazorViewPortControl works with the browser side JsViewPortControl to allow the user to visualize and control the viewport, which is a window to the full data range.

Control	Description
JsChartViewer	ChartDirector charts are in standard image formats. The tooltips and mouse events for chart objects are implemented with standard HTML image maps. The browser itself can display the charts and support these interactive features without external libraries. The JsChartViewer is for supporting advanced user interaction features. It provides a dynamic layer for drawing programmable track cursors on the chart, provides an interface for zooming and scrolling with mouse or touch interactions, and handles AJAX and realtime chart updates.
JsViewPortControl	The JsViewPortControl Javascript component provides the user interface for the user to visualize and control the viewport. In typical usage, it displays a small chart with the full data range, with a highlighted rectangle (the viewport) showing the part that is plotted in a large chart. The user can resize and move the viewport to control the part of the data range visible in the large chart.

Control

Description

JsChartViewer

ChartDirector charts are in standard image formats. The tooltips and mouse events for chart objects are implemented with standard HTML image maps. The browser itself can display the charts and support these interactive features without external libraries.

The JsChartViewer is for supporting advanced user interaction features. It provides a dynamic layer for drawing programmable track cursors on the chart, provides an interface for zooming and scrolling with mouse or touch interactions, and handles AJAX and realtime chart updates.

JsViewPortControl

The JsViewPortControl Javascript component provides the user interface for the user to visualize and control the viewport. In typical usage, it displays a small chart with the full data range, with a highlighted rectangle (the viewport) showing the part that is plotted in a large chart. The user can resize and move the viewport to control the part of the data range visible in the large chart.