<link rel="import" href="behaviors/hc-common.html">
<link rel="import" href="behaviors/hc-base-chart.html">

<!--

`hc-scatter` renders a HighCharts scatter chart.

Example:
    <hc-scatter
        title="A Scatter Chart"
        width="400"
        height="250"
        series='[{"name":"Year 1800","data":[107,31,635,203,2]},{"name":"Year 1900","data":[133,156,947,408,6]},{"name":"Year 2008","data":[973,914,4054,732,34]}]'>
    </hc-scatter>

Click 'DEMO' in the top right for a live example.

@package highcharts-elements
@element hc-scatter
@homepage http://linchpinio.github.io/highcharts-elements
@demo demo/all.html
-->
<dom-module id="hc-scatter">
    <link rel="import" type="css" href="hc.css">
    <template>
        <div id="chartContainer" style=""></div>
    </template>
</dom-module>
<script>
(function() { 

    Polymer({

        is: 'hc-scatter'

        , behaviors: [
            HighChartsElement.Common
            , HighChartsElement.BaseChart
        ]

        , properties: {
            type: {
              type: String,
              value: 'scatter'
            }
        }
    });

})();
</script>