echartsY轴刻度

echarts是一款很常用的插件,小编今天get到一个新技能!
1.有时我们会用到双Y轴,但右边的Y轴刻度不显示,这时,只要我们加上yAxisIndex: 1就OK啦!

series:[
                {
                    name: '金额',
                    type: 'bar',
                    barWidth: '50%',
                    label: {
                        normal: {
                            show: true,
                            position: 'top'
                        }
                    },
                    data: []
                },{
                    name: '数量',
                    type: 'line',
                    yAxisIndex: 1,
                    label: {
                        normal: {
                            show: true,
                            position: 'bottom'
                        }
                    },
                    data: []
                }
            ]

2.当我们数据很大时,Y轴刻度会超出范围,显示不全,就像这样:


image.png

这时,只要我们,看下面

yAxis:[{
    type: "value",
    axisLabel: {
        margin: 6,
        formatter: function (value, index) {
            if (value >= 10000 && value < 10000000) {
                value = value / 10000 + "万";
            } else if (value >= 10000000) {
                value = value / 10000000 + "千万";
            }
            return value;
        }
    }
}],
image.png

喜欢就赞一个哦!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容