Yii 1.1: highcharts

Highcharts, Highstock and Highmaps Widgets
120 followers
v4.2.3 (2016-02-11)
v4.2.2 (2016-02-04)
v4.2.1 (2016-01-13)
v4.1.10 (2015-12-14)
v4.1.9 (2015-10-12)
v4.1.8 (2015-09-24)
v4.1.7 (2015-07-09)
v4.0.4 (2014-09-19)
v4.0.1 (2014-04-25)
v3.0.10 (2014-03-17)
v3.0.9 (2014-02-17)

Easily add Highcharts, Highstock and Highmaps graphs to your Yii application.

Screen Shot

About

Highcharts

Create interactive charts easily for your web projects. Used by tens of thousands of developers and 59 out of the world's 100 largest companies, Highcharts is the simplest yet most flexible charting API on the market.

Highstock

Highstock lets you create stock or general timeline charts in pure JavaScript. Including sophisticated navigation options like a small navigator series, preset date ranges, date picker, scrolling and panning.

Highmaps

Build interactive maps to display sales, election results or any other information linked to geography. Perfect for standalone use or in dashboards in combination with Highcharts!


Links

Note: Highcharts is free for non-commercial use only. For more information, please visit the Highcharts License and Pricing page.


Requirements

  • Yii 1.0 or above
  • PHP 5.1 or above

Installation

  • Extract the release file under protected/extensions

Usage

To use this widget, you may insert the following code in a view:

$this->Widget('ext.highcharts.HighchartsWidget', array(
   'options' => array(
      'title' => array('text' => 'Fruit Consumption'),
      'xAxis' => array(
         'categories' => array('Apples', 'Bananas', 'Oranges')
      ),
      'yAxis' => array(
         'title' => array('text' => 'Fruit eaten')
      ),
      'series' => array(
         array('name' => 'Jane', 'data' => array(1, 0, 4)),
         array('name' => 'John', 'data' => array(5, 7, 3))
      )
   )
));

By configuring the options property, you may specify the options that need to be passed to the Highcharts JavaScript object. Please refer to the demo gallery and documentation on the Highcharts website for possible options.

Alternatively, you can use a valid JSON string in place of an associative array to specify options:

$this->Widget('ext.highcharts.HighchartsWidget', array(
   'options' => '{
      "title": { "text": "Fruit Consumption" },
      "xAxis": {
         "categories": ["Apples", "Bananas", "Oranges"]
      },
      "yAxis": {
         "title": { "text": "Fruit eaten" }
      },
      "series": [
         { "name": "Jane", "data": [1, 0, 4] },
         { "name": "John", "data": [5, 7,3] }
      ]
   }'
));

Note: You must provide a valid JSON string (double quotes) when using the second option. You can quickly validate your JSON string online using JSONLint.

See /doc/examples for more usage examples.


Tips

  • If you need to use JavaScript in any of your configuration options, use the js: prefix. For instance:

    ...
    'tooltip' => array(
       'formatter' => 'js:function(){ return this.series.name; }'
    ),
    ...
  • Highcharts by default displays a small credits label in the lower right corner of the chart. This can be removed using the following top-level option.

    ...
    'credits' => array('enabled' => false),
    ...
  • Since version 3.0.2, all adapters, modules, themes, and supplementary chart types must be enabled through the top-level 'scripts' option.

    ...
    'scripts' => array(
       'highcharts-more',   // enables supplementary chart types (gauge, arearange, columnrange, etc.)
       'modules/exporting', // adds Exporting button/menu to chart
       'themes/grid'        // applies global 'grid' theme to all charts
    ),
    ...

    Previous versions relied on auto-detection magic, but that became less reliable as Highcharts evolved. The new method more accurately follows the native process of including/excluding additional script files and gives the user some finer-grain control. For a list of available scripts, see the contents of protected/extensions/highcharts/assets/.

  • You can access the JavaScript chart object from another script like this:

    var chart = $('#my-chart-id').highcharts();

    where my-chart-id is set via the top-level id configuration option. Just make sure you register your script after the widget declaration so that it has a chance to initialize.

Change Log

v4.2.3 (2016-02-11)

  • Upgraded Highcharts core library to the latest release (4.2.3). See the Highcharts changelog for more information about what's new in this version.

v4.2.2 (2016-02-04)

  • Upgraded Highcharts core library to the latest release (4.2.2).

v4.2.1 (2016-01-13)

  • Upgraded Highcharts core library to the latest release (4.2.1).

v4.1.10 (2015-12-14)

  • Upgraded Highcharts core library to the latest release (4.1.10).

v4.1.9 (2015-10-12)

  • Upgraded Highcharts core library to the latest release (4.1.9).

v4.1.8 (2015-09-24)

  • Upgraded Highcharts core library to the latest release (4.1.8).

v4.1.7 (2015-07-09)

  • Upgraded Highcharts core library to the latest release (4.1.7).
  • Resolved issue #12 by introducing new 'scriptPosition' option.

v4.0.4 (2014-09-19)

  • Upgraded Highcharts core library to the latest release (4.0.4). See the Highcharts changelog for more information about what's new in this version.
  • Added HighmapsWidget.
  • Added usage examples in /doc/examples.
  • Resolved issue #8: Using Highcharts and Highstock on the same page throws error 16

v4.0.1 (2014-04-25)

  • Upgraded Highcharts core library to the latest release (4.0.1).

v3.0.10 (2014-03-17)

  • Upgraded Highcharts core library to the latest release (3.0.10).
  • Bugfix for active highcharts

v3.0.9 (2014-02-17)

  • Upgraded Highcharts core library to the latest release (3.0.9).
  • Added Composer support.
  • Added ActiveHighstockWidget. Please see class file for documentation.

Previous Releases


Please use the 'Comments' section only for reviews. If you have questions, requests, bug reports or other feedback, use the links above.

Total 20 comments

#19585 report it
ptv1p3r at 2015/09/17 05:50am
Solid Gauge

Can anyone give me a working example of a solid gauge chart ?

#19482 report it
wesh at 2015/07/23 10:12am
High Charts with Active Record

I wish to create bar graph with count of records entered per month. I am able to get the months and the count. But from there i am stuck on how to get the data to display on the graph.

$currdate = date('d-m-Y');
 
    for ($i = 1; $i < 13; $i++) {
        $mon =date("m", strtotime("-$i months", strtotime($currdate)));  
 
        $months = (int)$mon;        
        $data = Records::model()->count('month(creation_date)=:id ',array(':id'=>$months));     
    }

I know it's arrays but i can't point a finger; I have a working version which is not a very good implementation - it works though. See Below

<?php
    $currdate = date('d-m-Y');
 
 
 
    $one =date("m"); 
    $one_1=date("M");
 
    $two =date("m d y", strtotime("-1 months", strtotime($currdate))); 
    $two_1 =date("M", strtotime("-1 months", strtotime($currdate))); 
 
    $three =date("m", strtotime("-2 months", strtotime($currdate))); 
    $three_1=date("M", strtotime("-2 months", strtotime($currdate))); 
 
    $four =date("m", strtotime("-3 months", strtotime($currdate))); 
    $four_1 =date("M", strtotime("-3 months", strtotime($currdate))); 
 
    $five =date("m", strtotime("-4 months", strtotime($currdate))); 
    $five_1 =date("M", strtotime("-4 months", strtotime($currdate))); 
 
    $six =date("m", strtotime("-5 months", strtotime($currdate))); 
    $six_1 =date("M", strtotime("-5 months", strtotime($currdate))); 
 
    $seven =date("m", strtotime("-6 months", strtotime($currdate))); 
    $seven_1 =date("M", strtotime("-6 months", strtotime($currdate))); 
 
    $eight =date("m", strtotime("-7 months", strtotime($currdate))); 
    $eight_1 =date("M", strtotime("-7 months", strtotime($currdate))); 
 
    $nine =date("m", strtotime("-8 months", strtotime($currdate))); 
    $nine_1 =date("M", strtotime("-8 months", strtotime($currdate))); 
 
    $ten =date("m", strtotime("-9 months", strtotime($currdate))); 
    $ten_1 =date("M", strtotime("-9 months", strtotime($currdate))); 
 
    $eleven =date("m", strtotime("-10 months", strtotime($currdate))); 
    $eleven_1 =date("M", strtotime("-10 months", strtotime($currdate))); 
 
    $twelve =date("m", strtotime("-11 months", strtotime($currdate))); 
    $twelve_1 =date("M", strtotime("-11 months", strtotime($currdate))); 
 
     $data_1 = Records::model()->findAll('month(creation_date)=:id ',array(':id'=>$one));   
     $data_2 = Records::model()->findAll('month(creation_date)=:id ',array(':id'=>$two));
     $data_3 = Records::model()->findAll('month(creation_date)=:id ',array(':id'=>$three));
     $data_4 = Records::model()->findAll('month(creation_date)=:id ',array(':id'=>$four));
     $data_5 = Records::model()->findAll('month(creation_date)=:id ',array(':id'=>$five));
     $data_6 = Records::model()->findAll('month(creation_date)=:id ',array(':id'=>$six));
     $data_7 = Records::model()->findAll('month(creation_date)=:id ',array(':id'=>$seven));
     $data_8 = Records::model()->findAll('month(creation_date)=:id ',array(':id'=>$eight));
     $data_9 = Records::model()->findAll('month(creation_date)=:id ',array(':id'=>$nine));
     $data_10 = Records::model()->findAll('month(creation_date)=:id ',array(':id'=>$ten));
     $data_11 = Records::model()->findAll('month(creation_date)=:id ',array(':id'=>$eleven));
     $data_12 = Records::model()->findAll('month(creation_date)=:id ',array(':id'=>$twelve));
 
     $month = '["'.$one_1.'","'.$two_1.'","'.$three_1.'","'.$four_1.'","'.$five_1.'","'.$six_1.'","'.$seven_1.'","'.$eight_1.'","'.$nine_1.'","'.$ten_1.'","'.$eleven_1.'","'.$twelve_1.'",]';
     $data = "[".count($data_1).",".count($data_2).",".count($data_3).",".count($data_4).",".count($data_5).",".count($data_6).",".count($data_7).",".count($data_8).",".count($data_9).",".count($data_10).",".count($data_11).",".count($data_12).",]";
?>
<script type="text/javascript">
var chart;
$(document).ready(function() {
    chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'column'
        },
        title: {
            text: 'Monthly Average Admissions'
        },
        subtitle: {
            /*text: 'Cource: Computer Applications'*/
        },
        xAxis: {
            categories: 
                <?php echo $month; ?>
 
        },
        yAxis: {
            min: 0,
            title: {
                text: 'No.of Admissions'
            }
        },
        legend: {
            layout: 'none',
 
        },
        tooltip: {
            formatter: function() {
                return ''+
                    this.x +': '+ this.y +' Admissions';
            }
        },
        plotOptions: {
            column: {
                pointPadding: 0.2,
                borderWidth: 0
            }
        },
            series: [{
            name: 'Month',
            data: <?php echo $data; ?>,
            color:'#adce5c',
 
        }, ]
    });
});
</script>
 
<div class="clear"></div>
  <div style="margin-top:20px; width:90%" id="container"></div>

This is the code i wish to make simple and efficient. thanks

#19258 report it
des1roer at 2015/04/30 05:41am
percent

how i can use % in width ?

#18124 report it
begemotik at 2014/09/12 08:43am
Manual integration

Hi everyone,

If anyone wants to integrate HighCharts manually, here's a little tutorial I've written on the topic: link

Hope it's helpful!

#17492 report it
nakovn at 2014/06/23 12:41am
Add some life function for gauge:

How can i add some life function for gauge charts. At line 85: JSFiddle

#17378 report it
MD311 at 2014/05/30 09:58am
Adding 3D Chart Dependencies

I added 3D chart recognition by changing highcharts/HighchartsWidget.php

Find the line that has

array_unshift($this->scripts, $this->_baseScript);

Then add the following ABOVE the line.

if (isset($this->options['chart']['options3d']['enabled']))
{
    if ($this->options['chart']['options3d']['enabled']===true) {
        array_unshift($this->scripts, 'highcharts-3d');
    }
}

Does anyone have any better suggestions to do this?

#17294 report it
Ahamed Rifaideen at 2014/05/20 04:19am
Super

Super Ji Super. your extension saved my time a lot.

#17082 report it
skworden at 2014/04/30 03:38pm
Examples

Was a pain to figure out a few graphs but it works great. Here are the example of charts I use to help other people out. They should all work out the box...

Combo Chart Like The one in the pic in the description

$this->Widget('ext.highcharts.HighchartsWidget', array(
'scripts' => array(
      'highcharts-more',   // enables supplementary chart types (gauge, arearange, columnrange, etc.)
      'modules/exporting', // adds Exporting button/menu to chart
      'themes/grid-light'        // applies global 'grid' theme to all charts
    ),
    'options' => array(
      'title' => array('text' => 'Patient Visits By Day (Last Two Weeks)'),
      'xAxis' => array(
         'categories' => array('14th','15th','16th','17th','18th','19th','20th','21th','22th','23th','24th','25th','26th','27th','28th')
      ),
      'yAxis' => array(
         'title' => array('text' => 'Number of Visits')
      ),
      'colors'=>array('#0563FE', '#6AC36A', '#FFD148', '#FF2F2F'),
      'gradient' => array('enabled'=> true),
      'credits' => array('enabled' => false),
      /*'exporting' => array('enabled' => false),*/ //to turn off exporting uncomment
      'chart' => array(
        'plotBackgroundColor' => '#ffffff',
        'plotBorderWidth' => null,
        'plotShadow' => false,
        'height' => 400,
      ),
      'title' => false,
       'series' => array(
          array('type'=>'column','name' => 'Hampton Office', 'data' => array(20, 25, 25,35, 30, 28,25, 27, 23, 24, 25, 26,27,28,33)),
          array('type'=>'spline','name' => 'Hampton Office', 'data' => array(20, 25, 25,35, 30, 28,25, 27, 23, 24, 25, 26,27,28,33)),
          array('type'=>'spline','name' => 'Richmond Office', 'data' => array(5, 7, 8,9, 7, 10,11, 12, 13,15, 17, 14,15,16,18)),
          array(
            'type'=>'pie',
            'name' => 'Richmond Office',
            'data' => array(5, 7, 8),
            'dataLabels' => array(
              'enabled' => false,
            ),
            'showInLegend'=>false,
            'size'=>'10',
            'center'=>[20, 20],
          ),
      ),
    )
  ));

Basic Column (bar graph)

$this->Widget('ext.highcharts.HighchartsWidget', array(
    'options' => array(
      'title' => array('text' => 'Patient Visits By Day (Last Two Weeks)'),
      'xAxis' => array(
         'categories' => array('14th','15th','16th','17th','18th','19th','20th','21th','22th','23th','24th','25th','26th','27th','28th')
      ),
      'yAxis' => array(
         'title' => array('text' => 'Number of Visits')
      ),
      'colors'=>array('#6AC36A', '#FFD148', '#0563FE', '#FF2F2F'),
      'gradient' => array('enabled'=> true),
      'credits' => array('enabled' => false),
      'exporting' => array('enabled' => false),
      'chart' => array(
        'plotBackgroundColor' => '#ffffff',
        'plotBorderWidth' => null,
        'plotShadow' => false,
        'height' => 400,
        'type'=>'column'
      ),
      'title' => false,
       'series' => array(
          array('name' => 'Hampton Office', 'data' => array(20, 25, 25,35, 30, 28,25, 27, 23, 24, 25, 26,27,28,33)),
          array('name' => 'Newport News Office', 'data' => array(15, 17, 14, 15, 18,21, 22, 26, 33, 28, 30, 28, 25, 36,40)),
          array('name' => 'Richmond Office', 'data' => array(5, 7, 8,9, 7, 10,11, 12, 13,15, 17, 14,15,16,18)),
          array('name' => 'Virgina Beach Office', 'data' => array(25, 27, 23, 22, 24,20, 25, 26, 30, 27, 30, 28, 25, 26,28)),
 
      ),
    )
  ));

Basic Line Chart

$this->Widget('ext.highcharts.HighchartsWidget', array(
   'options'=>array(
      'title' => array('text' => 'Patient Visits By Day (Last Two Weeks)'),
      'xAxis' => array(
         'categories' => array('14th','15th','16th','17th','18th','19th','20th','21th','22th','23th','24th','25th','26th','27th','28th')
      ),
      'yAxis' => array(
         'title' => array('text' => 'Number of Visits')
      ),
      'credits' => array('enabled' => false),
      'series' => array(
         array('name' => 'Hampton Office', 'data' => array(20, 25, 25,35, 30, 28,25, 27, 23, 24, 25, 26,27,28,33)),
         array('name' => 'Newport News Office', 'data' => array(15, 17, 14, 15, 18,21, 22, 26, 33, 28, 30, 28, 25, 36,40)),
         array('name' => 'Richmond Office', 'data' => array(5, 7, 8,9, 7, 10,11, 12, 13,15, 17, 14,15,16,18)),
         array('name' => 'Virgina Beach Office', 'data' => array(25, 27, 23, 22, 24,20, 25, 26, 30, 27, 30, 28, 25, 26,28)),
      )
   )
));

Basic Pie Chart

$this->Widget('ext.highcharts.HighchartsWidget', array(
    'options' => array(
      // 'colors'=>array('#6AC36A', '#FFD148', '#0563FE', '#FF2F2F', '#000000'),
      'colors'=>array('#FFD148', '#0563FE', '#FF2F2F', '#000000'),
      'gradient' => array('enabled'=> true),
      'credits' => array('enabled' => false),
      'exporting' => array('enabled' => false),
      'chart' => array(
        'plotBackgroundColor' => '#ffffff',
        'plotBorderWidth' => null,
        'plotShadow' => false,
        'height' => 400,
      ),
      'title' => false,
      'tooltip' => array(
        // 'pointFormat' => '{series.name}: <b>{point.percentage}%</b>',
        // 'percentageDecimals' => 1,
        'formatter'=> 'js:function() { return this.point.name+":  <b>"+Math.round(this.point.percentage)+"</b>%"; }',
            //the reason it didnt work before was because you need to use javascript functions to round and refrence the JSON as this.<array>.<index> ~jeffrey
      ),
      'plotOptions' => array(
        'pie' => array(
          'allowPointSelect' => true,
          'cursor' => 'pointer',
          'dataLabels' => array(
            'enabled' => true,
            'color' => '#AAAAAA',
            'connectorColor' => '#AAAAAA',
          ),
          'showInLegend'=>true,
        )
      ),
      'series' => array(
        array(
          'type' => 'pie',
          'name' => 'Percentage',
          'data' => array(
            // array('Ready / Deployable', 15),
            array('User Maintenance', 30),
            array('Manufacturer Maintenance', 40),
            array('Not Operation Ready', 10),
            array('Checked Out', 5)
          ),
        ),
      ),
    )
  ));
#17063 report it
theparisian at 2014/04/29 03:34pm
Re: Error #16

@Milo Thanks a lot for your quick answer. The problem is: I'm not using HighstockWidget at all and it's not included on any of my pages. That's why I just can't figure out what could be the issue in my implementation of Highcharts :-/

#17057 report it
Milo Schuman at 2014/04/29 11:20am
Re: Error #16

theparisian,

This error occurs if you mix Highcharts and Highstock widgets on the same page. All functionality in HighchartsWidget is available in HighstockWidget, so the easiest fix is to use only HighstockWidget on the page.

If you have further issues or comments, please post them in the dedicated forum thread, open a new issue or comment on the related issue I just created on GitHub.

#17049 report it
theparisian at 2014/04/28 06:03pm
Error #16

Hi,
Thanks a lot for this extension.
I just upgraded it to the latest version (along with a global update of jQuery) and I'm getting the following error #16: www.highcharts.com/errors/16 The snippet below is called 4 times in a view (this view being encapsulated in a page containing other Highcharts). However my code was working before and I can't find a way to instantiate the Highcharts widget in another way.
Please could you advise?

$this->Widget('application.extensions.highcharts.HighchartsWidget', array(
                'scripts' => array('themes/epcGray'),
                'options' => array(
                    'title' => array(
                        'text'     => Yii::t('app',$message) .' ' . round($grade). '/' .(int)(100),
                        'align'    => "left",
                        'floating' => true,
                        'x'        => -10,
                        'y'        => 25,
                        'margin'   => 15,
                    ),
                    'credits' => array('enabled' => false),
                    'theme' => 'epcGray',
                    'chart' => array(
                        'renderTo' => "progessChart$id",
                        'backgroundColor'=> $bkColor,
                    ),
                    'exporting' => array('enabled'=>false),
                    'plotOptions' => array(
                        'pie' => array(
                            'dataLabels' => false,
                            'size' => "100%",
                            'center'=> array ('90%', '50%'),
                        ),
                    ),
                    'tooltip' => false,
                    'series'=> array(array(
                        'type' => 'pie',
                        'name' => 'Progess',
                        'credits' => array('enabled' => false),
                        'data' => array(
                            array('Acerted', round($grade)),
                            array('wrong', round(100-$grade))
                        )
                    ))
                )
            ));

Thanks a lot! M

#16876 report it
Arnold Gultom at 2014/04/06 04:57am
Is it possible exports without internet connection?

Just like my title, is it possible exports without internet connection? Thanks a lot for replying

#16276 report it
ptv1p3r at 2014/02/05 05:30am
Drilldown

Thank you patrice, you are a life saver, i finnaly got the drilldown working :-) wow..

Just one remark for this extention, i had to download the newest highcharts lib, and extract the drilldown module from it to the extension modules, after that it all came together... thank you so much patrice for the help!!!

#16268 report it
Patrice at 2014/02/04 06:43pm
Sample for DrillDown

@ptv1p3r, this is a model for a PHP-driven drilldown. Hope this helps.

<?php
$this->pageTitle=Yii::app()->name . ' - '.Yii::t('app','Highcharts');
?>
<h1><?php echo Yii::t('app','Highcharts').' Column DrillDown'; ?></h1>
 
<?php
 
$level1 = array();
$level1[] = array('name' => 'GroupOne', 'y' => 11, 'drilldown' => 'dd1');
$level1[] = array('name' => 'GroupTwo', 'y' => 22, 'drilldown' => 'dd2');
$level1[] = array('name' => 'GroupThree', 'y' => 33, 'drilldown' => 'dd3');
 
$level2 = array();
$level2[] = array('id' => 'dd1', 'data' => array(array('Detail1', 1), array('Detail2', 2), array('Detail3', 4)));
$level2[] = array('id' => 'dd2', 'data' => array(array('Detaila', 8), array('Detailb', 9), array('Detailc', 3)));
$level2[] = array('id' => 'dd3', 'data' => array(array('DetailX', 7), array('DetailY', 5), array('DetailZ', 6)));
 
$this->Widget('ext.highcharts.HighchartsWidget', array(
        'scripts' => array(
        'modules/drilldown', // in fact, this is mandatory :)
        ),
    'options'=>array(
        'chart' => array('type' => 'column'),
        'title' => array('text' => Yii::t('app','Levels 1 and 2')),
        'subtitle' => array('text' => Yii::t('app','Click the columns to view details.')),
        'xAxis' => array('type' => 'category'),
        'yAxis' => array('title' => array('text' => Yii::t('app','Vertical legend')),),
        'legend' => array('enabled' => false),
        'plotOptions' => array (
            'series' => array (
                            'borderWidth' => 0,
                            'dataLabels' => array(
                                'enabled' => true,
                            ),
                        ),
                    ),
        'series' => array (array(
                        'name' => 'MyData',
                        'colorByPoint' => true,
                        'data' => $level1,
                    )),
        'drilldown' => array(
                        'series' => $level2,
                    ),
    ),
));
 
?>
#16263 report it
ptv1p3r at 2014/02/04 05:29am
drilldown

Thanks patrice, but my problem isn't the script's, it really is the code.. taking this example of a simple chart column :

$this->Widget('ext.highcharts.HighchartsWidget', array(
    'options'=>array(
        'title' => array('text' => 'Fruit Consumption'),
        'xAxis' => array(
            'categories' => array('Apples', 'Bananas', 'Oranges')
        ),
        'yAxis' => array(
            'title' => array('text' => 'Fruit eaten')
        ),
        'series' => array(
            array('name' => 'Jane', 'data' => array(1, 0, 4)),
            array('name' => 'John', 'data' => array(5, 7, 3))
        )
    ),
    'htmlOptions'=>array(),
    // register additional scripts
    'scripts'=>array( 'highcharts-more', 'modules/exporting', 'adapters/mootools-adapter' ),
    // register themes
    'themes'=>array( 'grid' ),
));

What's the correct way to add a simple drilldown on the categorie Apples with this simple data : Red Apples => 2 and Green Apples => 3 ?

I've searched all around and i can't seem to find a tutorial on adding drilldown :-(....

#16255 report it
Patrice at 2014/02/03 03:39pm
about drilldown

I had to register some scripts in order to run a drilldown on my localhost (not sure it's the same issue for you, let me know if there is another problem).

$this->Widget('ext.highcharts.HighchartsWidget', array(
  'scripts' => array(
       'modules/data', // read csv data
       'modules/drilldown', // drilldown mecanism (necessary)
  ),
#16244 report it
ptv1p3r at 2014/02/03 05:28am
Drilldown

First congrats on this extension, it's really good, but i'm having a bit of a problem when i need to make a drilldown chart.

All i need is a working example of a column chart with a simple drilldown, so i can figure out how drilldown is suposed to work, can anyone help me out please ?

#15328 report it
Alex.net at 2013/10/29 12:06pm
No lines shown until zoomIn/zoomout page

Hello folks, There is strange problem with 3.0.5 version, it simple doesn't show lines until browser's zoom is changed. I'd tried with the latest Chrome and Firefox even Yandex(Chrome), does anyone familar with this ?

#14135 report it
canreo at 2013/07/22 11:50am
Yii 1.1.14 release candidate

Thanks for the 3.0.2 update, Milo.

Have you tried it using Yii 1.1.14 RC? I can't seem to get a simple pie chart to work, however, my bar charts work just fine. 1.1.13 works without problems.

#14078 report it
migueArgentina at 2013/07/17 02:29pm
2 simple doubts

Thanks for this awesome extension!

In a PIE chart, how can I:

1) Set 'gradient' to true?

2) Format legend like (browsers example): 'Chrome: 12.8%'?

Leave a comment

Please to leave your comment.

Create extension