本章教程,主要介绍一下如何在若依前后端分离框架中,进行echarts动态渲染数据。
ECharts是一款基于JavaScript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。ECharts最初由百度团队开源,并于2018年初捐赠给Apache基金会,成为ASF孵化级项目。
官网地址:https://echarts.apache.org/examples/zh/index.html (这里包含丰富的图标案例)
1、编写一个柱状图数据接口
在SysConfigController类中,实现一个数据API接口。
@GetMapping(value = "/data")
public AjaxResult data() {
HashMap<String, Object> map = new HashMap<>();
map.put("data", Arrays.asList(18539, 15340, 16049, 19922));