美文网首页
echarts图表y轴出现小数点、刻度过大的问题

echarts图表y轴出现小数点、刻度过大的问题

作者: 顺小星 | 来源:发表于2019-11-01 15:01 被阅读0次

    问题一:纵坐标出现小数点

    当数据较小时,echarts图y轴的坐标会用小数点将数据撑开,使其均匀显示:


    y轴出现小数点

    但问题是,这是一个显示害虫数量的折线图,实际需求不可能出现小数这样的单位。

    解决办法:

    在 yAxis 中加入一行控制最小刻度的代码。


    image.png
    minInterval: 1,
    

    效果图:

    小数点已然不见:


    image.png

    问题二:最大刻度过大导致数据贴边显示

    最大刻度是40,我的数据只有3,故贴边显示不友好,如下图:


    image.png

    解决办法:

    在 yAxis 中将原来设置的最大值的代码注释掉,其会自动根据获得的数据自动分布数值。


    image.png

    效果图:

    image.png

    相关文章

      网友评论

          本文标题:echarts图表y轴出现小数点、刻度过大的问题

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