效果图
双Y轴关键代码
yAxis: [ // 双y轴显示
{
type: "value",
name: "(T)", // y轴文字提示
nameTextStyle: {
color: '#ffffff',
fontSize: 18, // 大小
padding: [20, 2, 2,-40]
},
axisLabel: {
formatter: "{value} ",
textStyle: {
fontSize: 17,//字体大小
color: '#ffffff'
}
},
// y轴样式 颜色
axisLine: {
lineStyle: {
color: "#1C67BE"
},
show: true
},
//网格线
splitLine: {
lineStyle:{
color: ['rgb(28,103,190,0.6)'],
width: 1,
type: 'dashed'
},
show: true
},
axisTick: {
show: false
}
},
{
type: "value",
name: "(kwh)",
nameTextStyle: {
color: '#ffffff',
fontSize: 18, // 大小
padding: [20, 2, 2,50]
},
axisLabel: {
formatter: "{value} ",
textStyle: {
fontSize: 17,
color: '#ffffff'
}
},
// y轴样式
axisLine: {
lineStyle: {
color: "#1C67BE"
},
show: true
},
splitLine: {
lineStyle:{
color: ['rgb(28,103,190,0.6)'],
width: 1,
type: 'dashed'
},
show: false
},
axisTick: {
show: false
}
}],
修改Y轴标题样式
nameTextStyle: {
color: '#ffffff',
fontSize: 18, // 大小
padding: [20, 2, 2,50]
},