javascript - echart如何关闭Y轴数值与hover效果?
本文介绍了javascript - echart如何关闭Y轴数值与hover效果?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
RT。
已用echart实现柱状图,但是不需要鼠标hover时的提示与Y轴的数字。(Y轴横线还是要的)
解决方案
app.title = '坐标轴刻度与标签对齐';
option = {
color: ['#3398DB'],
tooltip : {
show:false
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis : [
{
type : 'category',
data : ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
axisTick: {
alignWithLabel: true
}
}
],
yAxis : [
{
axisLabel: {
show: false
}
}
],
series : [
{
name:'直接访问',
type:'bar',
barWidth: '60%',
data:[10, 52, 200, 334, 390, 330, 220]
}
]
};
将上面的代码copy
进去看效果吧。hover
不显示是由tooltip.show
来控制,不显示Y
轴的值由yAxis..axisLabel.show
控制。
这篇关于javascript - echart如何关闭Y轴数值与hover效果?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文