Bar charts Line charts and Pie charts

Bar charts

[No canvas support]

Bar charts documentation
<script>
    var bar = new RGraph.Bar({
        id: 'cvs',
        data: [[3,4,6],[2,5,3],[1,5,2],[1,4,6],[1,6,8]],
        background: {
            grid: {
                autofit: {
                    numvlines: 5
                }
            }
        },
        labels: ['Mal', 'Barry', 'Gary', 'Neil', 'Kim'],
        colors: ['Gradient(#99f:#27afe9:#058DC7:#058DC7)', 'Gradient(#94f776:#50B332:#B1E59F)', 'Gradient(#fe783e:#EC561B:#F59F7D)'],
        hmargin: 15,
        strokestyle: 'white',
        linewidth: 1,
        shadow: {
            color: '#ccc',
            offsetx: 0,
            offsety: 0,
            blur: 10
        }
    }).draw()
</script>

Line charts

[No canvas support]

Line charts documentation
<script>
    var line = new RGraph.Line({
        id: 'cvs2',
        data: [8,9,15,16,21,23, 14, 4,13,19,18,11],
        options: {
            spline: true,
            numxticks: 11,
            numyticks: 5,
            background: {
                grid: {
                    autofit: {
                        numvlines: 11
                    }
                }
            },
            colors: ['red'],
            linewidth: 5,
            gutter: {
                left: 40,
                right: 15
            },
            labels: ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'],
            shadow: {
                color: '#aaa',
                blur: 5
            },
            tickmarks: null
        }
    }).draw()
</script>

Pie charts

[No canvas support]

Pie charts documentation
<script>
    var pie = new RGraph.Pie({
        id: 'cvs3',
        data: [4,8,6,3,5,2],
        options: {
            exploded: [20],
            shadow: {
                blur: 10,
                color: '#aaa',
                offsetx: 0,
                offsety: 0
            },
            strokestyle: 'rgba(0,0,0,0)',
            labels: ['Henning','Louis','John','Pete','Lucy','Fred']
        }
    }).draw()
</script>

Bipolar charts

[No canvas support]

Bipolar charts documentation
<script>
    var bipolar = new RGraph.Bipolar({
        id: 'cvs',
        left: [4,8,6,3,5,2,4],
        right: [9,5,6,7,8,7,8],
        options: {
            shadow: {
                color: '#bbb'
            },
            gutter: {
                left: 40,
                right: 15,
                center: 90
            },
            labels: ['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'],
            colors: ['Gradient(blue:#aaf:white:#aaf:blue)'],
            strokestyle: 'white',
            linewidth: 2
        }
    }).draw()
</script>

Horizontal Bar charts

[No canvas support]

Horizontal Bar charts documentation
<script>
    var hbar = new RGraph.HBar({
        id: 'cvs',
        data: [4,8,-6,-3,2,-1,5,6],
        options: {
            colors: ['Gradient(red:red:rgb(255,224,224):red:red)'],
            labels: ['Fred','Lucy','Carl','Olga','Pete','Jill','Kevin','Gary'],
            yaxispos: 'center',
            gutter: {
                left: 40,
                right: 15
            },
            shadow: {
                self: true,
                color: '#bbb'
            },
            vmargin: 4,
            background: {
                grid: {
                    autofit: {
                        numhlines: 8,
                        numvlines: 10
                    }
                }
            }
        }
    }).draw()
</script>