Question

我正在尝试制作一个像这样的“半圆”图：http://www.highcharts.com/demo/pie-semi-circle

这是我的代码：

$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),
            )
        )
    );

然而，我的馅饼只是呈现为普通饼而不是半圆。参数

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

应该会发生这种情况，但它似乎不起作用无论我保留还是删除这2行，我的图表只是一个常规图形（整圆）

我对这里的错误有什么看法吗？非常感谢你的帮助！

Answer 1

我认为您的代码正在发送startAngle和endAngle的字符串值。试试这个：

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

Yii highcharts画半圆

1 个答案: