Chartjs栏隐藏和显示动态数组中的数据

如何解决Chartjs栏隐藏和显示动态数组中的数据

我正在使用chartjs和laravel创建一个图表。我正在尝试创建单独的图例，以便用户可以隐藏或显示一些栏。

我的标签以数组的形式出现，我想将它们分离为单个元素，以便隐藏/显示有效。任何提示我该怎么做？

我的代码

 $data = [
            "labels" => [],"datasets" => [
                [
                    'label' => [],'data' => [

                    ]
                ]
            ],];

        foreach ($data['datasets'] as $key => $datum) {
                
            $randColor = $this->rand_color();
            
            $datum['backgroundColor'] = $randColor;
            $datum['borderColor'] = $randColor;
            $datum['pointRadius'] = 10;
            $datum['pointHoverRadius'] = 15;
            $datum['showLine'] = false;
            //$datum['steppedLine'] = true;
            $datum['fill'] = false;
            
            $data['datasets'][$key] = $datum;
            
        }

$lobs = $builder->get()->map(function ($lob) {
            $lob->payment_mode;
            return $lob;
        })->sortBy(function ($obj,$key) {
            return $obj->payment_mode;
        });

        foreach ($lobs as $lob) {

            $data['labels'][] = $lob->payment;
            $data['datasets'][0]["data"][] = $lob->lab_payment_count;
            $data['datasets'][0]["label"][] = $lob->payment;

        }

        return $data;