MindFusion.Charting for JavaScript Programmer's Guide
General Information

### The MindFusion.Charting for JavaScript component

- Redistribution is royalty free
- Can be purchased with source code
- Is written in JavaScript
- Draws via the HTML5 Canvas element

### Dashboard

- Arrange plots and gauges in a dashboard
- Dynamic layout system
- Show multiple axes on each side of a plot
- Text and image components
- Each component can be placed inside border
- Show multiple legends

### Line/Area charts

- No limits for the count of graphics per chart
- Straight lines or curves
- Separate as well stacked graphics
- Step charts
- Scatter graphics with shapes at data points
- Multiple axes
- Associate data series with axis

### Bar charts

- Drawing of bar series in rows or columns
- Stacked bars
- Groups and clusters of bars
- Candlestick charts
- Bar width relative to available space
- Labels inside and/or at the top of bars
- 3D bar charts
- Five different axes labels types
- Multiple axes

### Pie charts

- Doughnut charts
- Several options for count and position of detached slices
- Customizable start angle
- Different label types
- Labels inside and outside pie segments
- Adjustment of position of labels inside pies

### Radar charts

- Polar charts
- Spider web background
- Three combinable appearance styles
- Pie-radar charts
- Custom labels inside and outside the chart
- Labels at chart segments
- Pens for all inner and outer axes
- Brushes for chart segments
- Custom-set background sections and brushes for them
- Customizable position of the inner axis

### Other chart types

- Candlestick charts
- Bubble charts
- Scatter charts
- Funnel charts

### Gauge types

- Oval gauges
- Horizontal and vertical linear gauges

### Legend

- Adjustable position and alignment
- Possibility to set the legend width
- Customizable background
- Custom-set font and brush for the labels

### Grid

- Several different grid types
- Customizable grid width
- Custom-set pens at grid lines/stripes
- Custom-set pens/brushes for grid lines/stripes
- Grid labels with pointers at chart axes

### Programming

- Numerous methods and properties for customizing the chart's appearance
- Strong design-time support to facilitate appearance customization
- Tested programming examples with all properties and methods

### User interaction

- Pan and zoom
- Rotate pie and radar charts
- Hit testing
- Move the legend

### Appearance

- Customize all pens and brushes
- Support for themes and a theme editor tool
- 3D charts
- Horizontal and vertical charts
- Customizable fonts
- Customizable tooltips
- Possibility to set the chart's position in bigger graphics

### Chart data

- Set with numerical data arrays or json formatted database-like objects
- Feed data to charts by implementing Series interface instead of copying values
- Custom annotations
- Date values supported through DateTimeSeries class

### Chart axes

- Several different types of labels
- Specify minimum and maximum axis values or auto scale
- Custom text
- Several rows/columns of labels for multi-graphics charts
- Division markers
- Several positions and orientations of axis labels
- Explanation labels
- Customize colors of all axis elements