# A Pie chart with outline style highlighting

This form of highlighting originally used the ontooltip RGraph event but has now been incorporated into the Pie chart and can be added to your own charts by setting the highlightStyle option tp outline.

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

Put this where you want the chart to show up:

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

This is the code that generates the chart:

    <script>
        var colors = ['orange','black'];

        var pie = new RGraph.Pie({
            id: 'cvs',
            data: [30,65],
            options: {
                shadow: false,
                exploded: [7],
                colors: colors,
                tooltips: ['Richard','David'],
                tooltipsEvent: 'mousemove',
                strokestyle: 'transparent',
                highlightStyle: 'outline'
            }
        }).draw();
    </script>