option = {
backgroundColor: '#081736',
textStyle: {
color: '#fff',
fontSize: 14
},
toolbox: {
show: false,
feature: {
saveAsImage: {
backgroundColor: '#031245'
},
restore: {}
},
iconStyle: {
borderColor: '#c0c3cd'
}
},
legend: {
top: 10,
itemWidth: 8,
itemHeight: 8,
icon: 'circle',
left: 'center',
// padding: 0,
// textStyle: {
// color: '#c0c3cd',
// fontSize: 14,
// padding: [2, 0, 0, 0]
// }
},
color: [
'#63caff',
'#49beff',
'#03387a',
'#03387a',
'#03387a',
'#6c93ee',
'#a9abff',
'#f7a23f',
'#27bae7',
'#ff6d9d',
'#cb79ff',
'#f95b5a',
'#ccaf27',
'#38b99c',
'#93d0ff',
'#bd74e0',
'#fd77da',
'#dea700'
],
grid: {
containLabel: true,
left: '10%',
right: '10%',
bottom: '20%',
top: '20%'
},
xAxis: {
nameTextStyle: {
color: '#c0c3cd',
padding: [0, 0, -10, 0],
fontSize: 14
},
axisLabel: {
color: '#fff',
fontSize: 15,
interval: 0,
padding: [10, 0, 0, 0],
},
axisTick: {
lineStyle: {
color: '#384267',
width: 1
},
show: true
},
splitLine: {
show: false
},
axisLine: {
lineStyle: {
color: '#384267',
width: 1,
type: 'dashed'
},
show: true
},
data: [
'第一剂次',
'第二剂次',
'第三剂次',
],
type: 'category'
},
yAxis: {
nameTextStyle: {
color: '#c0c3cd',
padding: [0, 0, -10, 0],
fontSize: 14
},
axisLabel: {
color: '#fff',
fontSize: 15
},
axisTick: {
lineStyle: {
color: '#384267',
width: 1
},
show: true
},
splitLine: {
show: true,
lineStyle: {
color: '#384267',
type: 'dashed'
}
},
axisLine: {
lineStyle: {
color: '#384267',
width: 1,
type: 'dashed'
},
show: true
},
name: ''
},
series: [
{
data: [57355, 49135, 3469],
type: 'bar',
name:'',
barMaxWidth: 'auto',
barWidth: 30,
itemStyle: {
color: {
x: 0,
y: 0,
x2: 0,
y2: 1,
type: 'linear',
global: false,
colorStops: [
{
offset: 0,
color: '#0b9eff'
},
{
offset: 1,
color: '#63caff'
}
]
}
},
label: {
show: true,
position: 'top',
distance: 10,
color: '#fff'
}
},
{
data: [57355, 49135, 3469],
type: 'pictorialBar',
barMaxWidth: '20',
symbol: 'diamond',
symbolOffset: [0, '50%'],
symbolSize: [30, 15]
},
{
data: [57355, 49135, 3469],
type: 'pictorialBar',
barMaxWidth: '20',
symbolPosition: 'end',
symbol: 'diamond',
symbolOffset: [0, '-50%'],
symbolSize: [30, 12],
zlevel: 2
},
{
data: [57355, 49135, 3469],
type: 'pictorialBar',
barMaxWidth: '20',
symbol: 'diamond',
symbolOffset: [0, '50%'],
symbolSize: [30, 15],
zlevel: -2
},
],
tooltip: {
// trigger: 'axis',
show: true
}
};