This example charts multiple data sets and uses a custom style for the bars. It also specifies that the "Average" data set should be active.
It also demonstrates the two ways of interacting with a chart: by directly accessing the element data ($('#barchart1').data('barfly')) or with the global helper ($.barfly('#barchart1')).
This example is using data values between 256 and 768 but with a chart range of 128 to 896.
This example sets different background and border colors for each data set.
The animation is also using a customized with the easing plug-in for an elastic effect.
The buttons use the global helper ($.barfly('#barchart3')) to interact with the chart.
This example is using multiple data sets but animation has been disabled.
The final data set is given a custom style that contains an animated background image.
This example is using multiple data sets and will automatically cycle through them while the box is checked.
Currently showing: