setChartOptions(array("defaultSeriesType"=>"line")) ->setTitle(array('text'=>'Daily visits at www.example.com')) ->setSubtitle(array("text"=>"Source: Google Analytics")) // set xAxis to be datetime ->setxAxis(array( "type"=>"datetime", "tickInterval"=> 7 * 24 * 3600 * 1000, "tickWidth"=> 0, "gridLineWidth"=>1, "labels"=>array( "align"=> 'left', "x"=> 3, "y"=>-3 ) )) // lef and right Y axis ->setyAxis(array( // left y axis array( "title"=>array("text"=>null), "labels"=>array( "align"=>"left", "x"=>3, "y"=>16, "formatter"=>"js:function(){return Highcharts.numberFormat(this.value, 0);}" ), "showFirstLabel"=>false ), // right y axis array( "linkedTo"=>0, "gridLineWidth"=>0, "opposite"=>true, "title"=>array("text"=>null), "labels"=>array( "align"=>"right", "x"=>-3, "y"=>16, "formatter"=>"js:function(){return Highcharts.numberFormat(this.value, 0);}" ), "showFirstLabel"=>false ), )) ->setTooltip(array( "shared"=>true, "crosshairs"=>true )) ->setLegend(array( "align"=>"left", "verticalAlign"=>'top', "y"=>50, "borderWidth"=>0, "floating"=>true )) // Here wi attach a click function when cklic on series point ->setPlotOptions(array( "series"=>array( "cursor"=>"pointer", "point"=>array( "events"=>array( "click"=>"js:function(event){ // this refers to entry object again with data jQuery.jgrid.info_dialog(this.series.name, Highcharts.dateFormat('%A, %b %e, %Y', this.x) +':
'+ this.y +' visits', 'Close',{buttonalign:'right',top:this.pageY, left:this.pageX, modal:false, overlay:0}); }" ) ), "marker"=>array("lineWidth"=>1) ) )) // fil the data ->addSeries('All Visits',$allvisits) ->setSeriesOption('All Visits', array( "lineWidth"=>4, "marker"=>array( "radius"=>4 ) )) ->setTheme($theme) ->addSeries('New Visitors', $newisits); echo $chart->renderChart('',true, 700, 350); ?>