echart使用数据集的数据格式转化图表的问题

Question

option = {
  legend: {},
  tooltip: {},
  dataset: {
    source: [
      ['month', '电脑', '手机', '笔记本', '键盘'],
      ['1月', 223, 635, 342, 988],
      ['2月', 473, 575, 612, 1128],
      ['3月', 354, 0, 578, 867]
    ],
    
    // 请问这种写法怎么改其他配置项才可以跟上边一样的效果图
    // dimensions: ['month', '电脑', '手机', '笔记本', '键盘'],
    // source: [
    //   { month: '1月', 电脑: 223, 手机: 635, 笔记本: 342, 键盘: 988 },
    //   { month: '2月', 电脑: 473, 手机: 575, 笔记本: 612, 键盘: 1128 },
    //   { month: '3月', 电脑: 354, 手机: 0, 笔记本: 578, 键盘: 867 }
    // ],
  },
  xAxis: [
    { type: 'category', gridIndex: 0 },
    { type: 'category', gridIndex: 1 }
  ],
  yAxis: [{ gridIndex: 0 }, { gridIndex: 1 }],
  grid: [{ bottom: '55%' }, { top: '55%' }],
  series: [
    // These series are in the first grid.
    { type: 'bar', seriesLayoutBy: 'row' },
    { type: 'bar', seriesLayoutBy: 'row' },
    { type: 'bar', seriesLayoutBy: 'row' },
    // These series are in the second grid.
    { type: 'bar', xAxisIndex: 1, yAxisIndex: 1 },
    { type: 'bar', xAxisIndex: 1, yAxisIndex: 1 },
    { type: 'bar', xAxisIndex: 1, yAxisIndex: 1 },
    { type: 'bar', xAxisIndex: 1, yAxisIndex: 1 }
  ]
};

请问dataset改成用dimensions和对象数组表示数据的话，option其他配置要怎么改才能实现跟下面预览一样的图表？
下面是codepen预览
https://codepen.io/hongsir12/...