Echarts 图表通用属性
- 1. 隐藏坐标轴和刻度
- 2. 图例(legend)位置
- 3.图例(legend)和图表的间距
- 4. 左侧y轴文字左对齐
- 5. 图表位置调整
1. 隐藏坐标轴和刻度
xAxis: {
show: false
}
axisLine: {
show: false,
lineStyle: {
...
}
}
axisTick: {
show: false
}
axisLabel: {
interval: 0,
rotate: 45
}
label: {
show: true,
position: 'top',
textStyle: {
color: 'aqua',
fontSize: 15
}
}
2. 图例(legend)位置
legend: {
orient: 'vertical',
x:'right',
y:'center',
padding:[0,50,0,0],
data: ['王者荣耀','微信','天天向上','穿越火线','网页']
},
3.图例(legend)和图表的间距
grid:{
top:'25%',
left:'25%',
right:'25%',
bottom:'25%',
},
4. 左侧y轴文字左对齐
axisLabel:{
interval:0,
rotate:0,
color: '#7AB9FF',
fontSize: 12,
margin: 220,
left: -8,
textStyle: {
align: 'left'
}
},
5. 图表位置调整
center: [x,y]