配置项如下
var option = {
title: {
text:'折柱混合'
},
backgroundColor:['#FCCE10'],
legend:{
data:['月收益','月余额','月手数'],
textStyle:{
fontStyle:'bold',
fontSize:16,
}
},
tooltip: {
trigger:'axis',
axisPointer:{
type:'cross',
crossStyle:{
color:'#999',
}
},
},
toolbox:{
feature:{
dataView:{show:true,readOnly:false},
magicType:{show:true,type:['line','bar']},
restore:{show:true},
saveAsImage:{show:true}
}
},
xAxis: {
type:'category',
data: ["01","02","03","04","05","06","07","08","09","10","11","12"],
axisPointer:{
type:'shadow'
}
},
yAxis: [
{
type:'value',
name:'收益',
position:'left',
offset:50,
default: false,
axisLabel:{
formatter:'{value}'
}
},
{
type:'value',
default: false,
name:'余额 ',
position:'left',
axisLine : {onZero: true},
axisLabel:{
formatter:'{value}'
}
},
{
type:'value',
name:'手数',
position:'right',
axisLabel:{
formatter:'{value} '
}
}
],
series: [{
name: '月收益',
type: 'bar',
lineStyle:{
normal:{
width:3,
},
},
data: [80, 20, -36, -10, 10, 20,-5, 20, , ,],
yAxisIndex:0,
},
{
name: '月余额',
type: 'line',
lineStyle:{
normal:{
width:3,
},
},
data: [80, 20, 36, 100, 100, 200,500, 540, 560, 710, , ],
yAxisIndex:1,
},
{
name: '月手数',
type: 'line',
yAxisIndex:1,
lineStyle:{
normal:{
width:3,
},
},
data: [8, 2, 3, 1, 1, 2,5, 2, 6, 10, 10, ],
yAxisIndex:2,
},
]
};