# An SVG stepped Line chart

A pretty straight-forward stepped Line chart. It uses the yaxisUnitsPost option and disables the horizontal grid lines. It also uses the trace effect.

This goes in the documents header:

    <script src="RGraph.svg.common.core.js"></script>
    <script src="RGraph.svg.line.js"></script>

Put this where you want the chart to show up:

    <div style="width: 750px; height: 300px" id="chart-container"></div>

This is the code that generates the chart:

    <script>
        new RGraph.SVG.Line({
            id: 'chart-container',
            data: [0.05,0.06,0.01,0.06,0.09,0.02,0.07],
            options: {
                gutterLeft: 50,
                yaxisDecimals: 2,
                stepped: true,
                linewidth: 3,
                shadow: true,
                backgroundGridVlines: false,
                backgroundGridBorder: false,
                xaxis: false,
                yaxis: false,
                yaxisUnitsPost: 'v'
            }
        }).trace();
    </script>