Laravel中如何为ConsoleTVs/Charts添加多数据集？

嘿，这事儿其实超简单！你已经搞定了单数据集的基础用法，要加多个数据集，只需要重复调用dataset()方法就行，每个数据集可以独立设置标签、数据和样式。

给你举个完整的例子，还是以折线图为例：

$data['transactionChart'] = new TransactionChart();

// 第一个数据集：Sample 1
$data['transactionChart']->dataset('Sample 1', 'line', [100, 65, 84, 45, 90])
    ->options([
        'borderColor' => '#97d881', // 线条颜色
        'backgroundColor' => 'rgba(151, 216, 129, 0.2)', // 填充色
        'borderWidth' => 2 // 线条宽度
    ]);

// 第二个数据集：Sample 2
$data['transactionChart']->dataset('Sample 2', 'line', [70, 95, 60, 80, 55])
    ->options([
        'borderColor' => '#81b1d8',
        'backgroundColor' => 'rgba(129, 177, 216, 0.2)',
        'borderDash' => [5, 5] // 虚线样式
    ]);

// 还能加更多数据集，比如第三个
$data['transactionChart']->dataset('Sample 3', 'line', [50, 75, 90, 35, 65])
    ->options([
        'borderColor' => '#d88181',
        'backgroundColor' => 'rgba(216, 129, 129, 0.2)'
    ]);

小技巧：统一图表类型 #

如果所有数据集都是同一种图表类型（比如都是折线图），你可以先给图表实例统一设置类型，这样每个dataset()里就不用重复写类型参数了：

$data['transactionChart'] = new TransactionChart();
$data['transactionChart']->type('line'); // 全局设置为折线图

// 数据集里省略类型参数
$data['transactionChart']->dataset('Sample 1', [100, 65, 84, 45, 90])
    ->options(['borderColor' => '#97d881']);
$data['transactionChart']->dataset('Sample 2', [70, 95, 60, 80, 55])
    ->options(['borderColor' => '#81b1d8']);

另外，你还可以给整个图表加一些全局配置，比如标题、坐标轴设置：

$data['transactionChart']->options([
    'title' => [
        'display' => true,
        'text' => '月度交易趋势对比',
        'font' => ['size' => 16]
    ],
    'scales' => [
        'y' => ['beginAtZero' => true] // Y轴从0开始
    ]
]);

这样设置完，前端渲染的时候就会自动显示所有数据集的线条，每个线条用你设置的样式区分啦！

内容的提问来源于stack exchange，提问作者Umesh Kumar Yadav