var oridata = [
[120, 132, 101, 134, 90, 230, 210],
[2, 182, 191, 234, 290, 330, 310],
[150, 232, 201, 154, 190, 330, 410]
];
var data0 = [];
var data1 = [];
var data2 = [];
var total;
for (var i = 0, l = oridata[0].length; i < l; i++) {
total = oridata[0][i] + oridata[1][i] + oridata[2][i];
data0.push(Math.round(oridata[0][i]/total * 100));
data1.push(Math.round(oridata[1][i]/total * 100));
data2.push(100 - data0[data0.length - 1] - data1[data1.length - 1]);
}
option = {
title: [
{
left: 20,
top: 30,
text: 'Gradient along the y axis'
}, {
top: 30,
left: '60%',
text: 'Gradient along the x axis'
}
],
grid: [
{left: '55%'},
{right: '55%'}
],
tooltip : {
trigger: 'axis',
axisPointer : { // 坐标轴指示器，坐标轴触发有效
type : 'line' // 默认为直线，可选为：'line' | 'shadow'
}
},
legend: [{
left: 0,
data:['邮件营销','联盟广告','视频广告', '广告信息']
},
{
left: '55%',
data:['邮件营销','联盟广告','视频广告', '广告信息']
}],
toolbox: {
show : true,
orient: 'vertical',
x: 'right',
y: 'center',
feature : {
mark : true,
dataView : {readOnly: false},
restore : true,
saveAsImage : true
}
},
calculable : true,
xAxis : [
{
type : 'value',
splitArea : {show : false},
gridIndex: 0,
axisLine: {
show: false
},
axisTick: {
show: false
}
},
{
type : 'value',
splitArea : {show : false},
gridIndex: 1
}
],
yAxis : [
{
type : 'category',
data : ['周一','周二','周三','周四','周五','周六','周日'],
gridIndex: 0
},
{
type : 'category',
data : ['周一','周二','周三','周四','周五','周六','周日'],
gridIndex: 1
}
],
series : [
{
name:'邮件营销',
type:'bar',
data:data0,
xAxisIndex: 0, yAxisIndex: 0
},
{
name:'联盟广告',
type:'bar',
data:data1,
xAxisIndex: 0, yAxisIndex: 0
},
{
name:'视频广告',
type:'bar',
data:data2,
xAxisIndex: 1, yAxisIndex: 1
},
{
name:'广告信息',
type:'bar',
data:data2,
xAxisIndex: 1, yAxisIndex: 1
}
]
};