echarts双柱_jQuery插件echarts实现的多柱子柱状图效果示例【附demo源码下载】

本文实例讲述了jQuery插件echarts实现的多柱子柱状图效果。分享给大家供大家参考，具体如下：

1、问题背景：

利用ECharts制作一个多柱子柱状图，其中数据源模拟动态获取

2、实现源码：

echarts-多柱子柱状图

body,html{

width:99%;

height: 99%;

font-family: "arial, helvetica, sans-serif";

font-size: x-large;

font-kerning: inherit;

font-stretch: expanded;

}

#manyColumn{

width: 100%;

height: 100%;

font-size: 14px;

font-family: "微软雅黑";

backface-visibility: visible;

background-blend-mode: inherit;

background-origin: border-box;

background: content-box;

background-color: #5BC0DE;

}

$(function(){

buildData();

});

//生成数据

function buildData()

{

var columLabel = ['甲','乙','丙','丁',