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.
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.
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.
Multiple series
Display multiple series on the Wijmo Bar Chart. This is useful when showing two related series of data.
Stacked bar charts
The Wijmo Bar Chart supports a stacked bar. To enable this feature, simply set the Stacked property to True.
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.
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.
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.
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.
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.
Automatic axis
Wijmo Bar Chart automatically creates the chart axes.
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.
Labels
Increase the readability of the chart with labels. Highlight an important data point, or provide information on data or on the chart.