Bar & Column Chart

The Wijmo Bar Chart widget (wijbarchart) allows the user to show customized bar charts. A bar chart draws each series as a bar or column of data.

[highlight]
HTML5 bar 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]
Column charts

Column charts

Easily convert the Wijmo Bar Chart to a column chart. It’s as simple as setting the widget’s Horizontal property to False.
[/highlight]

[highlight]

Multiple series

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

[highlight]
Stacked bar charts

Stacked bar charts

The Wijmo Bar Chart supports a stacked bar. To enable this feature, simply set the Stacked property to True.
[/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]

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]

[highlight]
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]

Appearance

Wijmo Bar 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]

DateTime

You can format the data as DateTime format strings, for example. The Wijmo Bar Chart automatically generates numeric annotation based on the data itself.
[/highlight]

[highlight]

Automatic axis

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

[highlight]
Bar chart axis origin

Axis origin

Wijmo Bar 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]

Labels

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