# A basic example of the drawing API text object

This goes in the documents header:

    <script src="RGraph.common.core.js"></script>
    <script src="RGraph.common.dynamic.js"></script>
    <script src="RGraph.common.tooltips.js"></script>
    <script src="RGraph.drawing.text.js"></script>
    <script src="RGraph.line.js"></script>

Put this where you want the chart to show up:

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

This is the code that generates the chart:

    <script>
        new RGraph.Line({
            id: 'cvs',
            data: [4,8,6,3,5,2,6],
            options: {
                labels: ['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'],
                gutterLeft: 35,
                gutterRight: 35
            }
        }).draw()

        new RGraph.Drawing.Text({
            id: 'cvs',
            x: 300,
            y: 22,
            text: 'A custom title using the drawing API text object',
            options: {
                font: 'Arial',
                bold: true,
                halign: 'center',
                valign: 'bottom',
                colors: ['gray'],
                size: 16
            }
        }).draw();
    </script>

« Back