# A Line chart with customised axes

This goes in the documents header:

    <script src="../libraries/rgraph.common.core.js" ></script>
    <script src="../libraries/rgraph.common.tooltips.js" ></script>
    <script src="../libraries/rgraph.common.dynamic.js" ></script>
    <script src="../libraries/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: [7,5,6,9,5,4,7],
            options: {
                spline: true,
                labels: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'],
                tooltips: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'],
                gutterBottom: 35,
                hmargin: 35,
                tickmarks: 'endcircle',
                linewidth: 3,
                noaxes: true,
                ylabelsOffsetx: 35,
                ylabelsOffsety: -13,
                backgroundGridBorder: false,
                backgroundGridVlines: false,
                unitsPost: 'Kg',
                textColor: '#999'
            }
        }).trace2();
    </script>

« Back