Line & Area Chart

Integrate line, area, and spline charts into your website with the Wijmo Line Chart widget (wijlinechart). The Line Chart draws each series as connected points of data and includes rich customization and animation.

[highlight]
HTML5 line & area charts

HTML5 charts

What makes these charts superior is that they’re powered by Scalable Vector Graphics (SVG). SVG is perfect for creating rich and interactive visualizations in HTML5. Some benefits of charting with SVG include true client-side charting, DOM-friendly charts, hardware accelerated graphics, interactive animations and tooltips, and streaming visualizations. Plus, the charts require no additional plug-ins.
[/highlight]

[highlight]
Area charts

Area charts

Visualize a change in values by creating a Wijmo Area Chart. It’s as simple as filling in the portion of the graph beneath the line connecting various data points.
[/highlight]

[highlight]
Spline charts

Spline charts

Spline charts are specialized forms of line and area charts. They draw a fitted curve through the data points instead of connecting data points with straight lines. In the Spline Area chart type, the Area chart plots a fitted curve through each data point in a series. Define a series of chart items and the widget will do the rest.
[/highlight]

[highlight]

Live data

All Wijmo Charts are optimized for streaming live data. The charts will animate as the data changes and show transitions to visualize the data in the data set.
[/highlight]

[highlight]
Line chart tooltips

Tooltips

Associate tooltips and links with chart elements, so the chart responds to mouse events. This is done using an HTML image map, which is handled on the client.
[/highlight]

[highlight]

Multiple series

Display multiple series on the Wijmo Line Chart. This is useful when showing two related series of data.
[/highlight]

[highlight]
Line chart symbols

Symbols

Use symbols, such as images, as markers in a line chart.
[/highlight]

[highlight]

Appearance

Wijmo Line Chart’s rich set of properties allow you to change the look and feel of your chart. Modify its appearance with different colors for series and for items in a series, and shadows for the chart elements. For a better UX, the position, size, and color are also adjustable.
[/highlight]

[highlight]
Line charts with DateTime

DateTime

Add dates with corresponding data to the chart.
[/highlight]

[highlight]

Automatic axis

Wijmo Line Chart automatically creates the chart axes.
[/highlight]

[highlight]
Line chart axis origin

Axis origin

Wijmo Line Chart supports negative values and can display them nicely using the Origin property for each axis. The Origin property tell the axis where to draw its starting point. This is optimal for displaying positive and negative values on the same chart.
[/highlight]

[highlight]
Line chart labels

Labels

Increase the readability of the chart with labels. Highlight an important data point, or provide information on data or on the chart.
[/highlight]

[highlight]

Animation

Add special effects to your chart. Enable transition settings, where on page load the chart may transition as a bounce, elastic, and so on.
[/highlight]