Favourite dog breeds

Summary: A sketchy variation of the Bar chart that's showing that the French Mastiff dog breed is far and away the best dog breed!

[No canvas support]

How could you resist such a gorgeous face?! Here's an amusing chart that shows you exactly what your favorite dog breed should be. This type of dog was featured in the Tom Hanks film Turner and Hooch. A funny film from the 1980's that's definitely worth watching.

The chart demonstrates the sketch variant (add variant: 'sketch' to your chart configuration) that the Bar chart has that gives the chart more of a "hand drawn" look. The background image depicts a French Mastiff dog that was added using the backgroundImage property.

The font has been set to Comic sans MS so that it goes well with the style of the chart.

The chart has been given a large bottom margin so that the slogan on the background image is clearly visible.

To get the chart looking good on smaller screens the reponsive() function changes the margins, updates the width and height of the background image and the CSS float is removed.


This goes in the documents header:
<script src="RGraph.common.core.js"></script>
<script src="RGraph.bar.js"></script>
Put this where you want the chart to show up:
<canvas id="cvs" width="900" height="550" style="background-color: white; border-radius: 5px; box-shadow: 2px 2px 2px #999">
    [No canvas support]
</canvas>
This is the code that generates the chart: