【问题标题】:Yii2: Customize PieChart colors using GoogleChart WidgetYii2:使用 Google Chart Widget 自定义饼图颜色
【发布时间】:2018-03-20 13:46:41
【问题描述】:

我试过这段代码来改变颜色:

<?php
    echo GoogleChart::widget(array('visualization' => 'PieChart',
        'data' => array(
            array('Task', 'All Statuses'),
            //   array('Picked Up', (int) $all_vehicle['picked_up']),
            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, 'seriesColors' => [ "#000", "#000", "#000", "#000" ])
    ));
?>

使用这个数组改变颜色

seriesColors' => [ "#000", "#000", "#000", "#000" ])

【问题讨论】:

  • 如果你能帮忙
  • 当问题陈述很简单时,很难提供解决方案"it doesn't work"。请edit您的问题更完整地描述您预期会发生什么以及这与实际结果有何不同。请参阅 How to Ask 以获取有关什么是好的解释的提示。
  • 我花了超过 2 个小时才找到解决方案,但是 avaliale 解决方案在 php 中不起作用。那么简单地说“它不起作用”是什么意思……先生,我有提到我正在使用的详细代码和数组......所以它足以解决@TobySpeight
  • 你还没有解释你得到什么样的“不工作”。您收到任何错误消息吗?你得到一些不是你期望的输出吗? (如果是这样,请显示实际和预期的输出,以便我们查看问题所在)。提供这些额外信息将使他人更容易帮助您找到问题(很抱歉我不能,但我不了解这里的任何技术)。
  • 事情应该轻描淡写 Sajid 毕竟他来这里是为了帮助你,并要求你应该添加特定的错误或例外,@TobySpeight 我代表 sajid 道歉,我希望你不要介意。

标签: php yii2 pie-chart


【解决方案1】:

您必须使用选项color 而不是seriesColor 作为插件选项,请参阅DOCS。所以将您的小部件代码更改为以下

<?php
    echo GoogleChart::widget(array('visualization' => 'PieChart',
        'data' => array(
            array('Task', 'All Statuses'),
            //   array('Picked Up', (int) $all_vehicle['picked_up']),
            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'=> ['#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6']
        )
    ));
?>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2018-01-23
    • 1970-01-01
    • 2013-04-17
    • 1970-01-01
    • 2014-12-15
    • 1970-01-01
    • 1970-01-01
    • 2023-02-06
    相关资源
    最近更新 更多