# Favourite dog breeds

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:

    <script>
        canvas = document.getElementById('cvs');

        new RGraph.Bar({
            id: 'cvs',
            data: [99,10],
            options: {
                 colors: ['white'],
                labelsAbove: true,
                labelsAboveSpecific: ['French Mastiff', 'Umm... whatever...'],
                labelsAboveSize: 24,
                gutterTop: 50,
                gutterLeft: 150,
                gutterBottom: 110,
                variant: 'sketch',
                variantSketchVerticals: true,
                ylabelsCount: 1,
                textFont: 'Comic sans MS',
                textSize: 20,
                backgroundGrid: false,
                textColor: 'white',
                backgroundImage: '/images/i-love-my-dog-de-bordeaux.png',
                backgroundImageX: 0,
                backgroundImageY: 0,
                backgroundImageW: canvas.width,
                backgroundImageH: canvas.height,
                backgroundImageAlpha: 0.25,
                linewidth: 5,
                noyaxis: true,
                axisColor: 'white',
                axisLinewidth: 5,
                unitsPost: '%'
            }
        }).draw();
    </script>

« Back