# A Semi-circular Progress with a list in the tooltips

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.scatter.js"></script>

Put this where you want the chart to show up:

    <canvas id="cvs" width="700" height="300">[No canvas support]</canvas>

    <style>
        .RGraph_tooltip li {
            margin: 3px;
        }

        .RGraph_tooltip h2 {
            color: white;
            margin: 5px;
            font-style: italic;
        }
    </style>

This is the code that generates the chart - it should be placed AFTER the canvas tag(s):