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.
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.
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.
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.
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.
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.
Display multiple series on the Wijmo Line Chart. This is useful when showing two related series of data.
Use symbols, such as images, as markers in a line chart.
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.
Add dates with corresponding data to the chart.
Wijmo Line Chart automatically creates the chart axes.
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.
Increase the readability of the chart with labels. Highlight an important data point, or provide information on data or on the chart.
Add special effects to your chart. Enable transition settings, where on page load the chart may transition as a bounce, elastic, and so on.