作者原创：转载请注明出处

echart是我們国家开发的数据统计插件我比较喜欢highchart的统计插件，在这里展示的也是highchart插件的应用

       应用highchart插件并不难，找到官方文档copy代码，就能把图標呈现出来难的是如何将本地数据库关系图怎么生成中的数据与其结合。因此

在这里主要分析将数据库关系图怎么生成数据和插件结匼的过程，我用的是java代码实现的下面是实现的比例图：

上面的代码和highchart中API的代码基本一致，主要的思想是：需要什么数据提供什么数据。

所以我在后台中已经将数据塞到jsp页面中并在js中解析出来，将数据提供给统计图

######特别要注意的是，从jsp获取到的属性值（int或long或double，float）當我用js变量var来接收的时候，它统统变成了

string类型的变量所以在供给数据的时候，一定要解析为js中的数字类型格式此处用到的方法为：parseLong（），或parseFloa();

这里调了很长时间由于数据类型的不匹配，统计图在调试的过程中老是不显示。要长记性。。

此处为将后台获取到的数據放在页面中的代码展示（在页面中均是隐藏显示）：

之所以将其放入页面中，是为了方便接收数据
最关键的地方来了，java代码获取统计圖所需数据：

主要的代码部分就是以上这样就可以轻而易举的实現一个统计图，而且加载的数据比较快

也有用ajax实现数据请求的，过程和逻辑也比较复杂后面我也会将我用ajax实现统计图的代码案例分享絀来，已做笔记