Available chart types
Line charts
Available features for the JavaScript chart "LineChart" include: different themes and color schemes, background images, inserting images into header and legend, definition of axis label formatter, definition of axis caption, second Y axis, linear, category, date and logarithmic axis types, manually setting the number of tickmarks, automatic value point suppression if too many are present, different value point symbols, changing line width and color, definition of plot area background color, definition of JavaScript chart background color.
Bar and column charts
This type of JavaScript Chart displays the values in the form of a barchart. Features include: horizontal (column chart) and vertical (bar chart) bars, stacked bars, stacked 100% bars, negative bars, different themes and color schemes, background images, inserting images into header and legend, definition of axis label formatter, definition of axis caption, linear, category, date and logarithmic axis types, definition of bar width, definition of space between bars.
Pie and donut charts
This type of JavaScript chart can be displayed as pie or donut chart. Features: definition of start and end angle (drawing only a section of the circle), different 2D and 3D styles, summarization of values under a threshold into one slice, extruding pie slices, definition of text on pie slices, header, legend, footer, definition of font color and size, popups, background images.
Combined charts
Combination of bar and linechart as seen in the example. This JavaScript chart type includes all features of bar chart plus the ability to draw one value set as line.
Other features
Define color and style
arcadiaCharts JavaScript Charts include a very powerful mechanism for defining the chart style called "theming". A theme is an xml file which includes all design-specific aspects of the chart. A number of preconfigured themes is included in arcadiaCharts covering a lot of different styles. The advanced user can alter one of the existing themes or define one by himself. This feature enables you to adapt the JavaScript chart to your corporate look-and-feel.
Interactivity
Interactivity is one of the main reasons for choosing a JavaScript chart instead of a static image. arcadiaCharts includes a number of interactive features. Popups and markers display additional information associated with a value point when the user ‘hovers’ over the chart with the mouse. If the feature is turned on, a popup is displayed when the user moves the mouse over a value point. A marker behaves differently. When the user moves the mouse within the chart area the marker ‘follows’ the mouse and displays current values in little popup boxes.
Axis settings
JavaScript line-charts and bar-charts can have three axes: X-axis, Y-axis and 2nd Y-axis. Each axis is of a specific type. The type of the axis determines how values are displayed in the chart. Supported axis types are: category axis, linear axis, date axis and logarithmic axis.
CSV import
The chart's base data can be set in the code as a string in CSV format or read from an external file in CSV format. Thus enabling you to dynamically update the JavaScript chart with new data. Other formats are planned in a future version. The data import format is highly customizable: column/row format, decimal format, delimiter, date value format.