echarts圆柱形柱状图 源码_echarts柱状图（竖向对比样式）实现

记录下用echarts3实现的特殊柱状图

实现效果如下：图片描述的是不同年龄段下的男女占比。

代码如下

一、JSP页面关键代码：

二、JS代码(xxxx.js)：

//获取contextpath

var pathName = document.location.pathname;

var index = pathName.substr(1).indexOf("/");

var contextPath = pathName.substr(0, index + 1);

$.ajax(

{

type : "POST",

url : contextPath + '/www/getChartData.do?' + new Date().getTime(),

data : {},

dataType : "json",

async : false,

success : function(data) {

initChart(data);

}

}

);

function initChart(data) {

var myChart = echarts.init(document.getElementById('ageChart'));

var option = {

color : [ '#075356', '#4e2b63'