美文网首页
ECharts关于y轴刻度调整

ECharts关于y轴刻度调整

作者: 橙小光 | 来源:发表于2020-08-12 10:29 被阅读0次

    开始的图是这样:


    image.png

    自我测试后发现数据ok没毛病,打包发布。

    用户:我要的图上下拉开的,不是挤在一起的,这样的图我没法看。
    等你调一个 dataMin和dataMax之后又说拉的太大了,有的小数点显示不整齐。
    最后还是直接上函数控制吧:return Math.floor(value.min)


    image.png

    设置最大值、最小值、自适应、分割刻度 的参数

    min:0,  //取0为最小刻度
    max: 100, //取100为最大刻度
    
    min:'dataMin', //取最小值为最小刻度
    max: 'dataMax', //取最大值为最大刻度
    
    min: function(value) {//取最小值向下取整为最小刻度
        return Math.floor(value.min)
    },
    max: function(value) {//取最大值向上取整为最大刻度
        return  Math.ceil(value.max) 
    },
    
    scale: true, //自适应
    minInterval: 0.1, //分割刻度
    

    是否显示最大值最小值刻度

    axisLabel:{
             color:"#797979",
             fontSize:13,
             showMinLabel:false //不显示最小刻度线值
             showMaxLabel:false //不显示最大刻度线值
    },
    
    image.png

    相关文章

      网友评论

          本文标题:ECharts关于y轴刻度调整

          本文链接:https://www.haomeiwen.com/subject/tmdpdktx.html