One Library for Charts, Gauges and Dashboards.
Common Chart Types
Create interactive line, area, bubble, bar, column, pie, doughnut, funnel, radar
Build realistic 3D bar charts or cylinders.
You can also add scatters to the 3D chart. Launch the sample.
lets you easily create appealing stock charts that you can update in real time. The control handles well even large amounts of data.
The control also supports labels and images.
An oval and linear gauge controls are easy to turn into any type of thermometer, clock, compass, car dashboard. Plenty of samples
The chart library uses theme-based
approach to styling completed with a theme editor UI tool. Each element of the chart can be styled as you wish - font options are available for text, different brushes, strokes and dash types for the other chart elements. All gauge elements expose properties for customizing their appearance.
Js chart has been optimized to handle large data points in resource-effective way. Even charts with hundreds of points are rendered smoothly, without placing significant load on your web server.
The chart layout containers
position elements relatively and recalculate the available space by every change of the chart size. This preserves the location and proportion of all chart elements.
Legends can be moved all over the chart area.
Each chart series implements the universal Series interface
and handles data according to its type. Js Chart provides predefined series that handle numbers, DateTime
values and XML. Implement the Series interface to create data series that get its data from custom objects.
The special DataBoundSeries
exposes properties that let you bind the data for the chart or its labels directly to properties in a collection of objects. Look at this sample.
MindFusion Js Chart is designed to provide developers with a flexible class structure
that allows chart elements to be created, combined, inherited and arranged as necessary. Chart elements include axis, plot, legend, different chart series.
The chart library includes a Charting.d.ts file, which contains TypeScript definitions of the entire charting API. All samples are translated into TypeScript and each *.js file in the folder has a *.ts counterpart.