echarts如何让y轴长度比最大值要长一点？

Question

效果如下

Answer 1

设置yAxis中的max

 yAxis: {            
        max:2000
    },

配置项手册如下

• 示例1

• 示例2

=================================================================

去掉背景网格线

配置项

yAxis: {       
        splitLine:{
            show:false,
        }
    },

如果背景是网格.同时设置yAxis和xAxis中的splitLine.show即可

类目轴中(如题中x轴)可以通过设置xAxis.splitLine.interval来控制网格线的显示间隔.如果设置为1,则每隔1个项显示一次,依次类推.也可以是function来判断具体是否需要显示某根网格线.但是数值轴 也就是图中y轴是无法设置网格线的.

splitLine配置项说明

Answer 2

试试这个：

        yAxis: {
          max: function(value){
            return value.max + 0.2*value.max
          },
          type: 'value'
        },

Answer 3

可以使用 axisLine.symbol 来画一个直线进行延迟，symbol 有个 rect 值表示画一个矩形，然后通过设置 symbolSize 来控制长度

PS：如果觉得颜色奇怪也可以使用base64的图片去画

再延伸下，可以使用 max 去控制需要显示分割线的轴，用 axisLine.symbol 显示不需要分割线的轴