Question

我使用的是yii2 charjs但无法自定义甜甜圈图表。

此外，我已经尝试了给定文档中的options。

<?php echo ChartJs::widget([
        'type' => 'pie',
        'data' => [
            'labels' => ["test","test1","test2","Test4"],


            'datasets' => [
                [
                    'label' => 'level',
                    'data' => [10,20,30,40],
                    'backgroundColor' => "blue",

                ],

            ],
        ],
        'options' => [
            'height' => 200,
            'width' => 500,
        ],
]);?>

类似这样的事情

在这里我如何为每个零件测试设置单独的颜色，test1，test2，test3分别为绿色，黄色，蓝色和红色< / strong> ??

Answer 1

你应该添加相应的颜色

  'datasets' => [
            [
                'label' => 'level',
                'data' => [10,20,30,40],
                'backgroundColor' => ["green", "yellow","blue" ,"red"],

            ],

Answer 2

您需要为数据集中的每个标签添加颜色

'datasets'=> [{
             'label' => 'level',
             'data' => [10,20,30,40],
            backgroundColor: [
                'rgba(75, 192, 192, 0.2)', // green
                'rgba(255, 206, 86, 0.2)', // yellow
                'rgba(54, 162, 235, 0.2)', // blue
                'rgba(255, 99, 132, 0.2)', // red

            ], 
        }]

点击此链接可获取更多选项http://www.chartjs.org/docs/latest/

使用charjs定制甜甜圈char

2 个答案: