var lbl = new Array();

jQuery(document).ready(function(){								
								
								
																	jQuery('#wpta_trend').hide();								
																
								
																	jQuery('#wpta_powered').hide();								
																
								
								
                                                                
                                
                          var data = [10,12,6,11,1];
                          lbl = ['23-April-2024','24-April-2024','25-April-2024','26-April-2024','27-April-2024'];
                          
                          var datapoint = new Array();
                          
                          for(var i=0;i<data.length;i++){
                          	datapoint[i] = new Array(i,data[i]);
                          }
                          
                                
                           var plot_options = 	{ 
								grid: {
									show:true,
									hoverable:true,
									clickable:true
								},
								series : {
									lines: {
										show:true,
										align:'center'
									},									
									points: {
										show:true
									}
								},
								xaxis : {
									tickFormatter: function(val,axis){
										
										if(lbl[val]==undefined)
											return '';
										else{
											if(0 != 0) 	
												return lbl[val];
											else
												return  '';
										}
					
									}
							
								}
								
					
							};
                                
                                   
                                if(datapoint.length>0){
                                
                                if(jQuery('#trenddiv').length>0){
	                                plot = jQuery.plot( jQuery('#trenddiv'), [ datapoint ] , plot_options );  
	                            }
                                }else{
                                         	jQuery('#trenddiv').html("No Data Found");
                               }
                               
                               
                               jQuery("#trenddiv").bind("plothover", function (event, pos, item) {							
            					if (item){            							            							
            							jQuery('#tooltip').remove();
            							showTooltip(pos.pageX,pos.pageY,item);
            							
                				}else{
                					jQuery('#tooltip').remove();
                				}
								}
    					);
                                                              
                        	}
                );
                

function showTooltip(x, y, item) {
		
		var x_point = item.datapoint[0];  // => x-axis
		var y_point = item.datapoint[1];  // => y-axis
		var x_lbl = lbl[item.datapoint[0]] //=> X-Axis Label
				
        jQuery('<div id="tooltip"><div align="center"><span style="float:left;width:40px">Date:</span>'+x_lbl+'<br /><span style="float:left;width:40px">Count:</span>' + y_point + '</div>').css( {
            position: 'absolute',
            top: y + 5,
            left: x + 5,
            border: '1px solid #000',
            padding: '2px',
            'background-color': '#fee',
            opacity: 0.80
        }).appendTo("body");
        
        var total_x_points = lbl.length;
		var current_x_point = x_point;
		
		var width = parseFloat(jQuery('#tooltip').css('width'));
		
		if(current_x_point >= total_x_points/2)
				jQuery('#tooltip').css('left', x-width ) ;
    
}