AntV/G2 上手随笔

最新推荐文章于 2024-12-25 15:39:38 发布

转载最新推荐文章于 2024-12-25 15:39:38 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5acb1b14518825558b3e3b51

文章标签：

#javascript #ViewUI

本文介绍了一种在图表中根据数值大小自动转换显示单位的方法，例如千位数使用'K'表示，万位数使用'W'表示。通过这种方式可以更直观地展示大数据量的变化趋势。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、给坐标轴添加单位：

chart.axis('y', {            
    title: false,            
    line: false,            
    tickLine: false,            
    label:{                
        formatter: val => {                    
        if (val > 999) {                        
            if (val > 9999) {                            
                return val/10000 + ' W';                       
             }else{                            
                return val/1000 + ' K';                        
               }                    
        }else{                        
            return val;                    
            }                
        }            
    }        
});复制代码