Combined grouped Bar and Vertical Progress bar

A demo of the Vertical Progress bar combined with a grouped Bar chart. It could be used to show different peoples stats over two years for example. Red is one year, yellow is the previous. The tooltip styling has been overridden using stylesheets and the positioning has been overridden by redefining the positionTooltip() function on each vertical progress bar object (as well as defining a mousemove event on the canvas to update the tooltip's position).

<script src="RGraph.common.core.js"></script>
<script src="RGraph.common.dynamic.js"></script>
<script src="RGraph.common.tooltips.js"></script>
<script src="RGraph.common.key.js"></script>
<script src="RGraph.bar.js"></script>

<style>
    .RGraph_tooltip img {
        display: none;
    }

    .RGraph_tooltip {
        box-shadow: none ! important;
        border: 2px solid blue ! important;
        background-color: white ! important;
        padding: 3px ! important;
        text-align: center;
        font-weight: bold;
        font-family: Verdana;
    }
</style>

<canvas id="cvs" width="600" height="250">
    [No canvas support]
</canvas>