option = {
backgroundColor:"#000a09",
legend: {
textStyle: {
color: '#FFFFFF'
},
itemWidth: 15,
itemHeight: 15,
right: 15,
top: 15,
itemGap: 50
},
grid: {
left: '15%',
top: '20%',
right: '2%',
bottom: '18%'
},
xAxis: {
axisLine: {
show: true,
},
axisLabel: {
color: '#FFFFFF'
},
axisTick: {
show: false
},
data: ['渠道1', '渠道2', '渠道3', '渠道4']
},
yAxis: [
{
type: 'value',
splitLine: {
show: true,
lineStyle: {
type: 'dashed',
color: 'rgba(16, 100, 109, 0.2)'
}
},
axisLine: { show: false },
axisLabel: {
color: '#FFFFFF'
},
offset: -5
}
],
series: [
{
name: '呼入数量',
type: 'bar',
barWidth: 20,
itemStyle: {
color: {
type: 'linear',
x: 0, //右
y: 0, //下
x2: 0, //左
y2: 1, //上
colorStops: [
{
offset: 0.1,
color: 'rgba(122, 253, 246, 1)' // 0% 处的颜色
},
{
offset: 1,
color: 'rgba(122, 253, 246, 0)' // 100% 处的颜色
}
]
},
},
data: [100, 200, 300, 600, 800],
label: {
show: true, //数值是否显示
position: "top",
textStyle: {
color: "#FFFFFF", // 标签字体颜色
fontSize: 12, // 标签字体大小
}
}
},
{
name: '呼出数量',
type: 'bar',
barWidth: 20,
itemStyle: {
color: {
type: 'linear',
x: 0, //右
y: 0, //下
x2: 0, //左
y2: 1, //上
colorStops: [
{
offset: 0.1,
color: 'rgba(63, 162, 239, 1)' // 0% 处的颜色
},
{
offset: 1,
color: 'rgba(63, 162, 239, 0)' // 100% 处的颜色
}
]
},
},
data: [140, 240, 243, 546, 708],
label: {
//数据显示的位置
show: true, //数值是否显示
position: "top",
textStyle: {
color: "#FFFFFF", // 标签字体颜色
fontSize: 12, // 标签字体大小
}
}
}
]
};