一.资料准备
1.下载地址:https://www.amcharts.com/download/
下载那个5.8M的即可
解压后的目录,examples里有所有的图表例子,当然你也可以查看官网,一目了然。
二.使用amcharts
1.打开任意一个例子以饼图为例,查看index.html的源码可见
2.由图可知,他需要5个支持文件才可运行那么我们将这写文件摘出来放到一起即可以拥有一个独立的饼图报表。
效果如下
3.需要注意的是文件位置改变路径也要重写哦!看我的:
4.数据导入
我们查看他的index.js文件
可见他通过json格式处理静态数据。但是我们平常要展示的数据是servlet处理后的数据,所以我们选官网提供的另一个方法
只需要提供数据路径即可。举例如下:
我通过doSelectAction提供数据那么我的数据路径就是上级目录下的select即"…/select"
我统计了emp表的工资占比以名字为“单位”,所以
这两个地方要改成对应的值哟!
然后看看效果图:
数据就出来了!
三.关于Servlet处理数据
amcharts需要的是一个json格式数组那么我们直接用
JSONArray arr= JSONArray.fromObject("");
处理的得到数据即可,但是一张表中往往不止两列而JSONArray是根据反射原理写的往往会把我们全部的对象属性全部得到,即使我们只查两列他也会把其他列的值列出来设值为0.
所以我的解决办法又写了一个小对象只有我需要的数据的两列,然后查出所有后再给我那个小对象赋值,代码如下:
不知怎么,总感觉很low,重用性极低。你们有什么办法呀?
amcharts_4(水晶报表的简单实用)
最新推荐文章于 2024-05-15 09:30:28 发布