2014-01-16 5 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", 

должны сделать это произойдет, но это не похоже на работу держать ли я или удалить эти 2 строки, мой граф просто обычный график (полный круг)

Любая идея о том, что я донг неправильно здесь? Большое спасибо за вашу помощь!

+1

Какую версию вы используете? – 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

Мне кажется, что ваш код отправляет строковые значения для startAngle и endAngle. Попробуйте это вместо:

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

Я пробовал с -90, "-90", '-90' - для меня это не работает – liupascal

+0

Что представляет собой jscript на странице после рендеринга? – wergeld

+0

Сгенерированный код выглядит так: http://jsfiddle.net/9uVdv/ – liupascal

Смежные вопросы