前端用js、html、css，后端用java实现，以Json格式提供数据服务，数据可自编

[别闹了费曼sir]

请实现图1中设计的效果，图1中的背景是地图（见图2），点击图1上右上角的“防洪形势详情”的按钮，则弹出层并显示相关信息。最终效果与图中尽量一致。

要求：
1、后端用java实现，以Json格式提供数据服务，数据可自编
2、前端用js、html、css，不限开发框架
3、图中地图要能正常显示并有基本的功能如缩放。地图地址为http://10.7.3.128:6080/arcgis/rest/services/dddd/MapServer?f=jsapi图1中各橘色圈图中流域的防洪库容是根据数据动态生成的。
4、以war包形式部署在Tomcat中

图1 设计效果图

图2 地图背景

[尼古拉斯-全蛋]

[别闹了费曼sir]

引用 1 楼 qnmdcsdn 的回复:

该用那些技术呢？能不能提供些关键词，感觉无从下手啊

[爱睡觉的阿狸]

图表统计可以用Echarts，效果不错，

[魔都]

http://echarts.baidu.com/echarts2/doc/example.html