如何使用dataset实现分组功能以及如何动态设置dataset的数据echarts 柱状配置项内容和展示

这个例子是官方的一个demo,我想实现分组功能,例如再添加一条product为Milk Tea的数据,且添加的数据和原有的Mik Tea处于同一刻度内,即这两条数据为一组。 还有想咨询下怎样在js里动态设置dataset的数据呢?

配置项如下
      var option = {
    dataset: {
        source: [
            ['score', 'amount', 'product'],
            [89.3, 58212, 'Matcha Latte'],
            [57.1, 78254, 'Milk Tea'],
            [74.4, 41032, 'Cheese Cocoa'],
            [50.1, 12755, 'Cheese Brownie'],
            [89.7, 20145, 'Matcha Cocoa'],
            [68.1, 79146, 'Tea'],
            [19.6, 91852, 'Orange Juice'],
            [10.6, 101852, 'Lemon Juice'],
            [32.7, 20112, 'Walnut Brownie']
        ]
    },
    grid: {containLabel: true},
    xAxis: {},
    yAxis: {type: 'category'},
    series: [
        {
            type: 'bar',
            encode: {
                // Map the "amount" column to X axis.
                x: 'amount',
                // Map the "product" column to Y axis
                y: 'product'
            }
        }
    ]
};

    
截图如下