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.3k
1 个回答
推荐问题