apex.jQuery(document).ready(function(){
    (function () {
        var options =
        {
            chart:{
                renderTo:'nfchart_26796812755402887',
                defaultSeriesType:'line',
                width:null,
                height:null,
                alignTicks:true,
                animation:true,
                marginRight:30,
                marginBottom:100,
                plotBackgroundColor:null,
                plotBackgroundImage:null,
                plotBorderColor:'#C0C0C0',
                backgroundColor:'#FFFFFF',
                plotBorderWidth:0,
                plotShadow:false,
                reflow:true,
                spacingTop:10,
                spacingRight:10,
                spacingBottom:15,
                spacingLeft:10,
                style:{
                    fontFamily:'"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif',
                    fontSize:'12px'
                },
                zoomType: 'y',
                events: {
                    redraw: function() {
                        jQuery('#R26796812755402887').trigger('redraw', this);
                    },
                    addSeries: function(e) {
                        jQuery('#R26796812755402887').trigger('drawseries', e.options);
                    },
                    selection: function(event) {
                        jQuery('#R26796812755402887').trigger('selection', event);
                    },
                    click: function(event) {
                        jQuery('#R26796812755402887').trigger('chartclick', {"event":event, "chart":this});
                    }
                }
            },
            plotOptions: {
                series: {
                    animation: {
                        duration: 2000,
                        easing: 'easeOutBounce'
                    },
                    point: {
                        events: {
                            click: function(event) {
                                jQuery('#R26796812755402887').trigger('pointclick', {"event": event, "point": this});
                            }
                        }
                    }
                }
            },
            credits: {
                enabled: false,
                position: {
                    align: 'left',
                    x: 10
                },
                itemStyle: {
                    cursor: 'pointer',
                    color: 'red',
                    fontSize: '20px'
                },
                position: {
                    align: 'right',
                    x: -90,
                    verticalAlign: 'bottom',
                    y: -5
                }
            },
            title: {
                text: 'Simple Chart',
                x: -20 //center
            },
            subtitle: {
                text: '(using random data)',
                x: -20
            },
            xAxis: {
                categories: ['','','','','','','','',''],
                labels: {
                    rotation: 0,
                    align: 'right',
                    style: {
                        color: 'black'
                    }
                }
            },
            yAxis: [{
                title: {text: ''},
                gridLineColor: 'black',
                labels: {
                    rotation: 0,
                    align: 'right',
                    style: {
                        color: 'black'
                    }
                },
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: 'black'
                }],
                offset: 0,
                opposite: false
            }],
            tooltip: {formatter: function() {
                return '<b>'+ this.series.name +'</b><br/>'+ this.x +': '+ this.y;
            }},
            legend: {
                layout: 'vertical',
                enabled: false,
                align: 'right',
                verticalAlign: 'top',
                x: 10,
                y: 100,
                borderWidth: 0
            },
            series: [
                {
                    name: 'LABEL',
                    data: []
                }
                ,
                {
                    name: 'VALUE',
                    data: []
                }
            ]
        };
        chart_26796812755402887 = new Highcharts.Chart(options);

        function loadData(pData) {
            var series = chart_26796812755402887.series[0];
            console.log(pData);
            var json = $.parseJSON(pData);
            $.each(chart_26796812755402887.series, function(i, val) {
                chart_26796812755402887.series[0].remove(false);
            });
            $.each(json.chart.series, function(i, val) {
                var newseries = {};
                newseries.data = val.data;
                newseries.name = val.name;
                jQuery('#R26796812755402887').trigger('drawseries', newseries);

                chart_26796812755402887.addSeries(newseries, false);
            });
            chart_26796812755402887.redraw();
            if ((chart_26796812755402887.series.length > 0) &&(chart_26796812755402887.series[0].xAxis )) {
                chart_26796812755402887.xAxis[0].setCategories(json.chart.categories);
            }
        }

        function dataready() {
            if(p.readyState == 1){
            }else if(p.readyState == 2){
            }else if(p.readyState == 3){
            }else if(p.readyState == 4){
                loadData(p.responseText);
            }else{return false;}
        }

        jQuery('#nfchart_26796812755402887').bind('apexrefresh', function() {
            var get = new htmldb_Get(null,$v('pFlowId'),'PLUGIN=3E82B85D49E4F164979F708B39D9FA47ECA7A765DA794369B378B73CE4154A16',$v('pFlowStepId'));
            get.GetAsync(dataready);
            get = null;
        });

        jQuery('#nfchart_26796812755402887').trigger('apexrefresh');
        jQuery('#nfchart_26796812755402887').trigger('apexrefresh');
    })();