美文网首页
修改echarts正负坐标条形图的基准值

修改echarts正负坐标条形图的基准值

作者: _duck不必 | 来源:发表于2020-07-03 14:07 被阅读0次

    最近在项目中需要用echarts的柱状图实现一个效果,当值高于平均值时,柱子在x轴的上面,反之,当值低于平均值时,柱子在x轴的下面,但是找了一圈也没发现修改柱状图,正负条形图的API,所以突发奇想,可以修改y轴的刻度跟渲染的值来实现

    修改之前


    修改之前

    修改之后


    修改之后

    具体修改方法就是把Y轴的刻度都加上你设定的标准值
    在option里修改yAxis

    yAxis: {
            axisLabel: {
                formatter: function (val) {
                    return val + 60
                }
           }
    },
    

    现在看起来就是以平均值为标准划分上下的了

    修改Y轴刻度值以后还需要对渲染柱状图的数据整体进行处理,具体根据自己实际情况来更改

    相关文章

      网友评论

          本文标题:修改echarts正负坐标条形图的基准值

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