如何用echarts在jsp页面展示数据库数据

在echarts的官网上面去下载一个了小的案例了，

注意事项：就是导入echarts包的路径了，现在的版本有3个了，一个是最大版、一般的，缩减版本，我下的是最大了，反正也没多大啊，

juqery还是导入吧

代码很简单的了，很少了，

注意一点就是要按照这个顺序来了，我由于没有没有按照这个顺序了，居然报错，没有找到这个dom(main)

运行成功了

后台从数据库中的得到的json

JSONArray jsonarray=JSONArray.fromObject(rs.getList())//=JSONArray.

request.setAttribute("data", jsonarray)

打印出来的数据

{value:335, name:'直接访问'},

{value:310, name:'邮件营销'},

{value:234, name:'联盟广告'},

{value:135, name:'视频广告'},

{value:1548, name:'搜索引擎'}

pie.jsp

<div id="main" style="height:400px"></div>

<script type="text/javascript">

// 路径配置

require.config({

paths:{

'echarts' : 'js/echarts',

}

})

使用cnpminstallecharts-D。

1、安装插件cnpminstallecharts-D。

2、创建图表，将数据引入。

3、使用容器，使chart自适应高度和宽度，通过窗体高宽计算容器高宽。

4、把这个案例模块化，设计成一个可复用组件，只需传入id、options即可。

---