Yii2：使用GoogleChart小部件自定义PieChart饼图颜色

我来帮你搞定这个PieChart颜色自定义的问题！之前我也踩过类似的坑，大概率是配置项的名称或者格式不对导致的，咱们一步步来修正：

核心问题：配置项名称错误 #

Google Charts的PieChart组件自定义颜色用的是colors配置项，而不是你写的seriesColors——seriesColors是给折线图、柱状图这类多系列图表用的，饼图并不适用这个参数。

正确的代码示例 #

把你的options部分改成下面这样，确保colors数组里的颜色数量和你的数据切片数量一致：

<?php echo GoogleChart::widget(array(
    'visualization' => 'PieChart',
    'data' => array(
        array('Task', 'All Statuses'),
        array('Car on Way', (int) $all_vehicle['car_on_way']),
        array('Shipped', (int) $all_vehicle['shipped']),
        array('On Hand', (int) $all_vehicle['on_hand']),
    ),
    'options' => array(
        'title' => 'All',
        'width' => 442,
        'height' => 400,
        'pieHole' => 0.4,
        // 这里用colors数组定义每个切片的颜色
        'colors' => ['#FF6384', '#36A2EB', '#FFCE56']
    )
)); ?>

额外注意事项 #

• 颜色数量要和你的数据切片数量对应：比如你有3个数据项（Car on Way、Shipped、On Hand），那colors数组里就放3个颜色值，顺序会对应每个数据切片。
• 颜色值可以用十六进制、RGB或者颜色名称，比如'red'、'rgb(255,99,132)'都是有效的。
• 如果还是不生效，检查一下是否有其他配置项冲突，或者确认你的GoogleChart插件版本是否支持colors参数（大部分主流版本都是支持的）。

内容的提问来源于stack exchange，提问作者rajwa766