[tihanyilaci]

Hi Milo,

great extension!

My problem is: I would like to use the json key-value pair pointStart: Date.UTC(2009,9,6,0,0,0)
in a php array.
But it does not work.
I tried:
'pointStart'=>'Date.UTC(2009,9,6,0,0,0)'
'pointStart'=>'js:Date.UTC(2009,9,6,0,0,0)'
Any idea?

Thanks Laszlo from Hungary

[w00tw00t111]

Milo,

Awesome extension! Has made using Highcharts a breeze in Yii.

2 questions:

1. When setting tooltip formats such as:

'tooltip'=>array(
	'crosshairs'=>true,
	'shared'=>true,
	'valuePrefix'=>'$',
	'valueDecimals'=>2,
),

It seems default formatting is preserved. I've looked through the highcharts api docs and I believe this to be the correct format and datatypes that are getting passed into the tooltip/options variable. What am I missing?


2. When needing to attach a javascript function to the chart variable that is generated by the core highchartswidget - where/how do you pass this javascript function?
Take for instance this code:
http://jsfiddle.net/hfrntt/QMXe8/
and the function that is being attached to the chart variable for displaying a tooltip on hover of the legend.

[BigZ]

Hi all, this is a GREAT extension. Nice Job!

Q:
I'm trying to show the time on x axis (coming from DB) in local time.

According to HighCharts forum, HC displays the time in UTC by default and this the way to override it:

Highcharts.setOptions({
	global: {
		useUTC: false
 	}
});

But I don't seem to be able to make it work...

$this->Widget('ext.highcharts.HighchartsWidget', array(
	'options'=>array(
		'global' => array('useUTC' => 'false'),
...

Not working for me.

Any ideas?

[SebK]

It doesn't seem like anybody is providing answers here but I'll try anyways:

I've seen in the extension comments that the values from the dataprovider have to be integers. Is there no way to make it accept doubles or floats?

I manually created an array with doubles and it works. What doesn't work is directly loading the values from my db that I've stored as decimal(5,2).

[deez]

@SebK type cast the to int or float like so:

		if(isset($statements))
		{
			foreach($statements as $key => $value)
			{
				$statement_totals[] = (float)$value;
			}
		}

Once you do this, the tooltip option should let you change the way your data is displayed to having x number of decimals

                    'tooltip'=>	array(
					'valueDecimals'=>2,
					'valuePrefix'=>'$',
				),

...but it doesn't. I can't seem to make the tooltip array work and that is what I came here needing assistance for. Anyone have any idea?


EDIT: Using yii 1.1.10 you need to update the highcharts.js and highcharts.src.js files from the highcharts website, then tooltips will work as I described here.

[satyro]

Hi, I use this extention in my web-app, and I use this http://www.yiiframew.../extension/pdf/ extension for generate pdf.

When I generate a pdf that include a chart, the chart don't appears in the pdf, but an SVG image are included into a pdf. well I want to know how is possible generate the SVG using widget code.


sorry for my english
thanks

[babam]

hi milo... thank you for build this good extension..

i use this extension for my application, but i find a problem, how to change the default font size? such as for title, xAxis label etc.. how should i do?

thanks

[dominus]

Hi Milo, I'm having problems using the events for the chart, It throws me an error in jquery, I used like this:

$this->Widget('ext.highcharts.HighchartsWidget', array(
                'options' => array(
                    'chart'=>array('events'=>array('load'=>'function(event) {
                                                               alert ("Chart loaded");')),
                ));

can you please help me with this? is urgent

[adil]

how to display multiple axis using highchart extension

[Sler]

I would like to ask, I've downloaded Highstock and Highchart and extract it into the extensions/. renamed it to highcharts and highstock, but there is no HighstockWidget or HighchartWidget present in the folder. only these: examples, exporting-server, gfx, graphics, js, and index.html. Why is this?

[José Yovany]

BigZ, on 14 April 2012 - 01:04 PM, said:

Hi all, this is a GREAT extension. Nice Job!

Q:
I'm trying to show the time on x axis (coming from DB) in local time.

According to HighCharts forum, HC displays the time in UTC by default and this the way to override it:

Highcharts.setOptions({
	global: {
		useUTC: false
 	}
});

But I don't seem to be able to make it work...

$this->Widget('ext.highcharts.HighchartsWidget', array(
	'options'=>array(
		'global' => array('useUTC' => 'false'),
...

Not working for me.

Any ideas?

Hi, I'm new in Yii and I had this problem too, but I solved it by adding the code from Hihgcharts examples to disable UTC:

            'series' => array(
                array(
                    'name' => 'Temperatura',
                    'data' => "js:(function(){
                            Highcharts.setOptions({
                                global: {
                                useUTC: false
                                }
                            });
.
.
.
})()

I put that code when I'm loading the series values, but you can add it in whereever you load a javascript, it could be in an event like this:

'events' => array(
                    'load' => 'js:function(){
                            Highcharts.setOptions({
                                global: {
                                useUTC: false
                                }
                            });
                    }'
                ),

Good luck, sorry for my english its the fastest solution I found, but there might be better ones.

[José Yovany]

dominus, on 17 September 2012 - 12:45 PM, said:

Hi Milo, I'm having problems using the events for the chart, It throws me an error in jquery, I used like this:

$this->Widget('ext.highcharts.HighchartsWidget', array(
                'options' => array(
                    'chart'=>array('events'=>array('load'=>'function(event) {
                                                               alert ("Chart loaded");')),
                ));

can you please help me with this? is urgent

Try

js:function(){

hope it work...

[bmsrox]

Hi,

It's possible use multiple series dynamic (live) in this extension?

Give me an exemple please.

[Maurice_]

It takes a very long period of time until my graph is calculated. My browser hangs at that time. Here is my source code:

$this->Widget('ext.highcharts.HighchartsWidget', array(
   'options'=>array(
      'chart'    => array('type' =>'bar'),
      'title'    => array('text' => 'Historic World Population by Region'),
      'subtitle' => array('text' => 'Wikipedia.org'),
      'xAxis'    => array(
                      'categories' => array('Africa', 'America', 'Asia', 'Europe', 'Oceania'),
                      'title' => array('text' =>'null'),
                    ),
      'yAxis'     => array(
                       'min' => '0',
                       'title' => array(
                           'text' => 'Population (millions)',
                           'align' => 'high',
                        ),
                        'labels' => array('overflow' => 'justify'),
                ),
       'tooltip' => array('valueSuffix' => 'millions'),
       'plotOptions' => array('bar' => array('dataLabels' => array('enabled' => true))),
       'legend' => array(
                  'layout' => 'vertical',
                  'align' => 'right',
                  'verticalAlign' => 'top',
                  'x' => -100,
                  'y' => 100,
                  'floating' => true,
                  'borderWidth' => 1,
                  'backgroundColor' => '#FFFFFF',
                  'shadow' => true,
                ),
         'credits' => array('enabled' => 'false'),
         'series' => array(array(
                         'name' => 'Year 1800',
                         'data' => array(
                                 array(107),
                                 array(31),
                                 array(635),
                                 array(203),
                                 array(2)
                         ),
                     ),    
                     array(
                         'name' => 'Year 1900',
                         'data' => array(
                                 array(133),
                                 array(156),
                                 array(947),
                                 array(408),
                                 array(6)
                         ),
                     ),
                     array(
                         'name' => 'Year 1900',
                         'data' => array(
                                 array(973),
                                 array(914),
                                 array(4054),
                                 array(732),
                                 array(34)
                         ),
                     ),
             )
   )
));

Any ideas?

[Armando]

I have a modal (bootstrap) with a pie graph and I want to show it when onmouseover.
The modal appears empty. How to use the "redraw ()" in this case?