echarts 如何使用 dataset (固定二维数组格式)构建多折线图?

问题描述

现在我想使用 dataset 模式实现如下的图表:

clipboard.png

我也知道使用如下的 dataset 格式可以形成这样的图表:

// 数据
dataset: {
        source: [
            ['product', 'p1', 'p2', 'p3','p4'],
            ['2018Q1', 78, 69, 45,48],
            ['2018Q2', 32, 89, 12,79],
            ['2018Q3', 51, 18, 32,48],
            ['2018Q4', 21, 58, 54,12],
            ['2019Q1', 78, 48, 21,95]
        ]
}
// series
series: [{
        type: 'line'
    }, {
        type: 'line'
     }, {
        type: 'line'
    }, {
        type: 'line'
    }]

但是问题是后端传给我的数据是这种样式的

source: [
    ['product', 'date', 'rate'],
    ['p1', '2018Q1', 78],
    ['p1', '2018Q2', 32],
    ['p1', '2018Q3', 51],
    ['p1', '2018Q4', 21],
    ['p2', '2018Q1', 69],
    ['p2', '2018Q2', 89],
    ['p2', '2018Q3', 18],
    ['p2', '2018Q4', 58]
    // ...
]

想请问在前端不对后端返回的数据进行格式化的情况下,能返回上图那样的图表么?具体的图表配置在
echart 在线编辑

阅读 6.2k
1 个回答
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题