HighCharts Ext Question?

Hi everybody i’m new(bie) ::)

I would like to reproduce this example jsfiddle.net/kSkYN/ so in the view i set up a code like this:




$arraychartdata = array(29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4);




$this->Widget('ext.highcharts.HighchartsWidget', array(

   'options'=>array(

       

      'credits' => array('enabled' => false),'theme' => 'dark-blue',

      'title' => array('text' => 'Ventosità'),

      'xAxis' => array(


        'type' => 'datetime',

        'dateTimeFormats' => array('day' => '%e')

          

      ),


  

      'series' => array(

                         array('data' => $arraychartdata)

                        ),

       

                        'pointStart' => 'Date.UTC(2010, 0, 1)',

                        'pointInterval' => '24*3600*1000'


                      

     

   )

));



but in this way nothing seems to happen and the chart will be displayed only with a 00.00.00 on the xy point 0 and the tooltip only show 1 jan 1970 for all the line. If i put the ‘pointStart’ and ‘pointInterval’ option property in the same array of ‘data’ i get a dead chart without any line-series and without any division of x or y…

I’ve looked many times at the html output trying a lots of different combinations but i not succeed, can somebody enlight me? :P

It’s a bit old question, but:

Use js: as prefix, like this:

$data1[] = array( ‘js:Date.UTC(’.gmdate(“Y, m, d”, $time).’)’, round( (float)rand()/(float)getrandmax() , 2 ) ) ;