其实就是因为这些图表用的内置mock数据,把对应的mock数据修正成数据绑定就可以:
1.判断是否是mock:
- let isMock = option.series[0].name == "C12" ? true : false
复制代码
当然,每一个图表的第一个可能不是C12,这个咱们根据图表自己console一下就知道了。
2.判断seriesData 应该用mock还是原始数据:
- let seriesData = isMock ? [
- { name: '电子邮箱', data: [120, 132, 101, 134, 90, 230, 210] },
- { name: '联盟广告', data: [220, 182, 191, 234, 290, 330, 310] },
- { name: '视频广告', data: [150, 232, 201, 154, 190, 330, 410] },
- { name: '直播', data: [320, 332, 301, 334, 390, 330, 320] },
- ]: option.series.map(series => {return {name: series.name,data: series.data.map(data => data.value)}})
复制代码 这里是一个伪代码。您参考自己用的图表,修改seriesData,然后在判断不是mock数据的时候,我们可以option.series.data里面获取到绑定的数据。然后利用map重新返回成需要的格式就可以,
|