echarts图表的y轴刻度和数值在图表内部

最新推荐文章于 2024-08-08 09:41:41 发布

qq_42750608

最新推荐文章于 2024-08-08 09:41:41 发布

阅读量4.5k

点赞数

分类专栏： echarts 文章标签： echarts

本文链接：https://blog.csdn.net/qq_42750608/article/details/103005263

版权

echarts 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value',
axisTick: {
inside: true
},
axisLabel: {
inside: true
}
},
series: [{
data: [820, 932, 901, 934, 1290, 1330, 1320],
type: 'line'
}]
};

业务中想要图表的位置一直固定住,就y轴而言,就不能让它的刻度值在左边,因为刻度值的大小是不可能不变的,放在图表内部,就不会影响y轴的位置了,从而影响布局;

不想要y轴的刻度值的话还可以这样:

option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value',
show: false,
axisTick: {
inside: true
},
axisLabel: {
//inside: true,
formatter(value) {
return '';
}
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true,
},
series: [{
data: [820, 932, 901, 934, 1290, 1330, 1320],
type: 'line'
}],
};