手机屏幕较窄,为了方便查看link图标,选择横屏开发,现在其他文字都可以旋转,tooltip不知道怎么实现旋转,markLine的文字也没法旋转。求大神
配置项如下
option = {
title: {
text: '未来一周气温变化',
subtext: '纯属虚构'
},
tooltip: {
trigger: 'axis'
},
legend: {
data:['最高气温','最低气温']
},
toolbox: {
show: true,
feature: {
dataZoom: {
yAxisIndex: 'none'
},
dataView: {readOnly: false},
magicType: {type: ['line', 'bar']},
restore: {},
saveAsImage: {}
}
},
xAxis: {
type: 'value',
position: 'top',
axisLabel: {
formatter: '{value} °C',
rotate: 90
}
},
yAxis: {
type: 'category',
boundaryGap: false,
inverse:true,
axisLabel:{
fontSize:20,
rotate: -90
},
data: ['周一','周二','周三','周四','周五','周六','周日']
},
series: [
{
name:'最高气温',
type:'line',
data:[11, 11, 15, 13, 12, 13, 10],
markPoint: {
symbolRotate:-90,
label:{
normal:{
rotate:-90
}
},
data: [
{type: 'max', name: '最大值'},
{type: 'min', name: '最小值'}
]
},
markLine: {
data: [
{type: 'average', name: '平均值'}
]
}
},
{
name:'最低气温',
type:'line',
data:[1, -2, 2, 5, 3, 2, 0],
markPoint: {
symbolRotate:-90,
data: [
{name: '周最低', value: -2, xAxis: 1, yAxis: -1.5}
]
},
markLine: {
label:{
normal:{
position:'end',
rotate: -90
}
},
data: [
{type: 'average', name: '平均值'}
]
}
}
]
};