var piename = ['AAA', 'BBB', 'CCC'];
var pievale = [990, 222, 1234];
var piecolor = ['#A5DEE4', '#81C7D4', '#24936E', '#5DAC81', '#A8D8B9', "#F596AA", "#E87A90", "#F4A7B9", "#DB8E71", "#FB9966", "#E9A368", "#58B2DC"];
var data1 = [
[39, 42, 27, 29, 39, 36, 34],
[45, 45, 34, 25, 43, 37, 31],
[45, 22, 44, 16, 43, 37, 31],
];
var dr = '营业额';
var date = ['9.1', '9.2', '9.3', '9.4', '9.5', '9.6', '9.7'];
// 饼图
piedata = function() {
var b = [];
for (var i = 0; i <= piename.length - 1; i++) {
b.push({
name: piename[i],
value: pievale[i],
itemStyle: {
color: piecolor[i]
}
});
}
return b;
}
// 柱图
option11 = function() {
var b = [];
for (var i = 0; i <= piename.length - 1; i++) {
b.push({
title: {
subtext: piename[i] + "-" + dr,
subtextStyle: {
fontSize: 20,
color: "#fff"
},
},
series: [{
type: "bar",
barWidth: 15,
data: data1[i],
itemStyle: {
normal: {
opacity: 0.8,
color: piecolor[i],
barBorderRadius: 8,
},
}
},
//
]
}
);
}
return b;
}
option = {
baseOption: {
backgroundColor: "#000",
timeline: {
axisType: 'category',
// orient: 'vertical',
autoPlay: true,
playInterval: 1500,
// right:'3%',
// height:'80%',
// width: 70,
data: piename,
},
tooltip: {},
calculable: true,
grid: {
top: 80,
bottom: 100,
left: '50%',
width: '50%'
},
xAxis: [{
name: "天",
type: 'category',
data: date,
splitLine: {
show: false
},
axisLabel: {
textStyle: {
color: '#fff'
},
}
}],
yAxis: [{
type: 'value',
name: '人数',
max: 100,
nameTextStyle: {
color: "#FFFFFF"
},
axisLabel: {
textStyle: {
color: '#fff'
},
axisLine: {
lineStyle: {
color: 'rgba(255,255,255,0)'
}
},
}
}],
series: [{
name: 'days',
type: 'bar'
},
{
name: '7天累计销售额占比',
type: 'pie',
center: ['25%', '50%'],
radius: ['10%', '28%'],
roseType: 'area',
data: piedata(),
label: {
normal: {
color: '#fff'
}
}
}
]
},
options: option11()
};