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

时间:2024-03-23 08:12:50

1.通过jquery的get方法读取json数据
2.配置数据项
echarts4提供了dataset方法处理大批量数据
官方示例:
地址:https://www.echartsjs.com/zh/index.html
1.模拟ajax异步请求数据一样
如何使用echart读取多维json数据?
效果图

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

使用dataset处理多维数据

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

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

例子:
如何使用echart读取多维json数据?json数据存储格式:(已省略大量数据),你只需要明白json数据的存储格式。
json数据可通过在线转文档工具将csv文件转成json数据,我用的网址:
http://www.bejson.com/json/col2json/
如何使用echart读取多维json数据?最后的数据图表显示:
如何使用echart读取多维json数据?

你可以关掉选项类别,只显示要对比的数据:比如预计销售额与销售额对比
(这个地方对比数据采用折线图更合适,后续再做修改)
如何使用echart读取多维json数据?