echarts怎么实现堆积柱状图，数据来源数据库

1.进行表格数据的变形把原始表格数据进行转换为如图的形式。数据与数据之间有间隔，和图表的柱形一样有梯度。2.图表的制作选中变形的数据区域——点击插入——推荐的图表。3.点击所有图表——堆积柱形图。4.数据柱子——设置数据系列格式——分类间距（调整为0）。5.添加标题和数据来源——根据表格需要，添加标题，标题尽量简洁，且能够反映表格内容，突出你想表达的观点。字体（衬线字体：线条粗细不同，适合小号字体使用，投影时清晰度不高，无衬线字体：粗细相同，更适合大号字体时使用，投影时美观）中文字体：微软雅黑，黑体6.添加背景设——以单色调为主。

后台从数据库中的得到的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',

}

})

您好，最近我一直在做数据可视化的前端工作，我用的最多的绘图工具是d3。d3有点像photoshop，功能很强大，例子也很多，但是学习成本也不低，做项目是需要较大人力投入的。3月底由在亚马逊工作的同学介绍下使用了一下echart，一个由百度前端发起的canvas国产类库（官网：http://echarts.baidu.com/index.html）。这个echart其实是在canvas类库zrender的基础上做的主题图库，优点有数据驱动，图例丰富，功能强大，支持数据拖拽重计算，数据区域漫游，全中文文档非常过瘾。跟同样是国产的前端脚手架fis一样（官网http://fis.baidu.com/），都是诚意满满的国产套餐，体现了现今国内不俗的前端开发实力。使用它们的感觉就像想自己做个平板电脑，去华强北一转，主板、CPU、屏幕等各种套餐一订购，东西就哗哗地组装起来了。极其高效，非常适合商业项目开发。而且，即使是为了研究，用这些也可以打一个很好的基础。

---