A basic Funnel chart

[No canvas support]

This goes in the documents header: 
<script src="RGraph.common.core.js"></script>
<script src="RGraph.funnel.js"></script>
Put this where you want the chart to show up: 
<canvas id="cvs" width="500" height="500">
    [No canvas support]
</canvas>
This is the code that generates the chart: 
<script>
    new RGraph.Funnel({
        id: 'cvs',
        data: [100,42,34,23],
        options: {
            labels: ['All potential Customers','Pre-sale enquiry','Sale finalised','Follow up telephone call'],
            labelsSticks: true,
            labelsX: 10,
            gutterLeft: 230,
            strokestyle: 'rgba(0,0,0,0)',
            textBoxed: false,
            shadow: true,
            shadowOffsetx: 0,
            shadowOffsety: 0,
            shadowBlur: 15,
            shadowColor: 'gray',
            textAccessible: true
        }
    }).draw();
</script>

« Back