如何使用echart读取多维json数据?

1.通过jquery的get方法读取json数据
2.配置数据项
echarts4提供了dataset方法处理大批量数据
官方示例:
地址:https://www.echartsjs.com/zh/index.html
1.模拟ajax异步请求数据一样
在这里插入图片描述
效果图

在这里插入图片描述

使用dataset处理多维数据

在这里插入图片描述
效果:
在这里插入图片描述

数据还可以有另一种格式:对象数组形式
在这里插入图片描述
回归正题,如何读取多维json数据?
要点:参照上面两种格式:json数据格式应当是上面两种之一,不同点在于 对象数组模式数据需指定dimensions。

例子:
在这里插入图片描述json数据存储格式:(已省略大量数据),你只需要明白json数据的存储格式。
json数据可通过在线转文档工具将csv文件转成json数据,我用的网址:
http://www.bejson.com/json/col2json/
在这里插入图片描述最后的数据图表显示:
在这里插入图片描述

你可以关掉选项类别,只显示要对比的数据:比如预计销售额与销售额对比
(这个地方对比数据采用折线图更合适,后续再做修改)
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值