<link rel="import" href="../base-ajax-json-jsonpath-datalet/base-ajax-json-jsonpath-datalet.html">

<dom-module id="highcharts-datalet">

    <template>
        <div id="container" style="width:auto; height:auto;"></div>
        <base-ajax-json-jsonpath-datalet data-url="{{dataUrl}}" fields="{{fields}}"></base-ajax-json-jsonpath-datalet>
    </template>

    <script src="http://code.highcharts.com/highcharts.js"></script>
    <script src="http://code.highcharts.com/modules/exporting.js"></script>

    <script>
        var HighchartsBehavior = {

            properties: {

                categories: {
                    type: Array,
                    value: []
                },

                series: {
                    type: Array,
                    value: []
                },

                series_type:{
                    type: String,
                    value: "line"//spline,time
                }
            },

            transformData: function () {

                this.properties.categories.value = this.data[0].data;

                for (var i = 1; i < this.data.length; i++)
                {

                    this.data[i].data.every(function (element, index, array) {
                        try {
                            (isNaN(parseFloat(element))) ? array[index] = parseFloat(element.match(/[0-9]+/g).join(".")) :
                                    array[index] = parseFloat(element);
                        }catch(e){
                            //console.log("Parsing data error. Highchart-datalet.selectData");
                        }
                        return true;
                    });

                    this.properties.series.value.push(this.data[i]);
                }
            }
        };

        var HighchartsComponentBehavior = $.extend(true, {}, BaseDataletBehavior, WorkcycleBehavior, AjaxJsonJsonPathBehavior, HighchartsBehavior);

        HighchartsDatalet = Polymer({
            is : 'highcharts-datalet'
        });
    </script>

</dom-module>