本章教程,主要介绍一下如何在若依前后端分离框架中,进行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));
复制