2014-01-16 28 views
0

我試圖做一個「半圓」圖這樣的一個半圈:http://www.highcharts.com/demo/pie-semi-circleYii的highcharts畫

這裏是我的代碼:

$this->Widget('ext.highcharts.HighchartsWidget', 
     array(
      'options' => array(
       'scripts' => array(
        'highcharts-more' 
       ), 
       'chart' => array(
        'plotBackgroundColor' => null, 
        'plotBorderWidth' => 0, 
        'plotShadow' => false 
       ), 
       'title' => array(
        'text' => 'Répartition des modes de paiement', 
       ), 
       'plotOptions' => array(
        'pie' => array(
         'dataLabels' => array(
          'enabled' => true, 
          'distance' => -50, 
          'style' => array(
           'fontWeight' => 'bold', 
           'color' => 'white', 
           'textShadow' => '0px 1px 2px black', 
          ), 
         ), 
         'startAngle' => "-90", 
         'endAngle' => "90", 
         'center' => array('50%', '50%') 
        ), 
       ), 
       'series' => array(
        array(
         'type' => 'pie', 
         'innerSize' => '50%', 
         'data' => array(
          array('Jane', 12), 
          array('John', 13), 
         ) 
        ) 
       ), 
       'credits' => array('enabled' => false), 
      ) 
     ) 
    ); 

但是我的餡餅僅僅是呈現爲一個普通餡餅不是半圓。 】這個params

'startAngle' => "-90",  
'endAngle' => "90", 

都應該做到這一點,但它似乎並不工作 我是否保留或刪除這兩條線,我的圖只是一個普通的圖表(全圓)

任何關於我在這裏錯誤的東西的想法? 非常感謝您的幫助!

+1

你使用什麼版本的highcharts? – wergeld

+0

@wergeld我使用Highcharts JS v3.0.5(2013-08-23)和[Yii highcharts v 3.0.5](https://github.com/miloschuman/yii-highcharts/releases/tag/v3.0.5 ) – liupascal

回答

0

它在我看來像你的代碼發送的字符串值爲startAngleendAngle。試試這個:

'startAngle' => -90, 
'endAngle' => 90, 
+0

我曾嘗試使用-90,「-90」,「-90」 - 它對我無效 – liupascal

+0

渲染後頁面上的jscript是什麼樣子? – wergeld

+0

生成的代碼看起來像這樣http://jsfiddle.net/9uVdv/ – liupascal