# An SVG Bar chart using the Google Sheets connector

This is a Bar chart that's getting information from a Google Sheets spreadsheet using the connector that's supplied with RGraph. The connector can get information from any worksheet should you have multiple - but this is fetching data from the first. The labels are arranged such that every other label is prefixed by a unicode white-space character and a linebreak - giving a two line appearance for the labels.

You can see the Google Sheet that RGraph is fetching data from here.

This goes in the documents header:

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

Put this where you want the chart to show up:

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

This is the code that generates the chart - it should be placed AFTER the `<div>` tag: