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/
最后的数据图表显示:
你可以关掉选项类别,只显示要对比的数据:比如预计销售额与销售额对比
(这个地方对比数据采用折线图更合适,后续再做修改)