文件名称:bar-drilldown-master:使用Echarts实现柱状图的下钻功能
文件大小:5KB
文件格式:ZIP
更新时间:2024-05-18 14:52:44
JavaScript
Echarts实现柱状图下钻功能 [[toc]] 需求描述 在一个月份数据柱状图上,点击柱状图上的某一月份后可显示该月每一天的数据。 实现效果如下: 下钻前 下钻后 实现思路 Echarts本身并没有像HighCharts直接实现柱状图的下钻功能,但Echarts可以通过setOptions间接实现下钻功能。 通过点击月份柱状图的某一月,触发点击事件,点击事件的功能是销毁该Echarts实例,并会向后台请求该月份的数据,当后台返回数据后,进行重新初始化Echarts实例。 实现细节 前端部分 html代码 <!DOCTYPE html> <html style="height: 100%"> <head> <meta charset="utf-8"> </head> <body style="height: 100%; margin: 0"> <
【文件预览】:
bar-drilldown-master-master
----bar-drill-down.html(618B)
----return-button.js(399B)
----backend.java(376B)
----drillDown.js(3KB)
----README.md(5KB)