Echarts 柱状图屏蔽显示 Y 轴数字

需求: ECharts 柱状图,鼠标放在上面的时候会虚线显示 Y 轴高度,可是我的柱状图是统计人数的,出现 1.5,3.5 这样的数字是不合理的,最后想到的解决办法就是不显示 Y 轴虚线,这样不会影响功能,而且悬浮框里面已经显示了 X 轴选中的高度。

ECharts 功能是很强大,但是官网对这些显示的配置总是不能一目了然,自己查询文档,最后找到了 tooltip 里面的 axisPointer 里面的 type 属性,修改它的值可以让 Y 轴虚线不显示,代码如下:

tooltip: {
            trigger: 'axis',
            axisPointer: {
              type: 'cross',
              crossStyle: {
                color: '#999'
              }
           }
        },

修改后:

            trigger: 'axis',
            axisPointer: {
              type: 'shadow',
              crossStyle: {
                 color: '#999'
              }
            }
          },

你可能感兴趣的:(Echarts 柱状图屏蔽显示 Y 轴数字)