echarts统计图Y轴(或X轴)文字过长问题解决

echarts
统计图Y轴文字过长

 在使用echarts时,出现数值非常大,Y轴又显示不下的情况就需要压缩Y轴数值刻度。

解决方法:

      yAxis: {
        type: 'value',
        axisLabel:{
            formatter:(value) => {
                if(value >= 10000){
                    value = (value / 10000) + 'W';
                }
                if(value >= 1000){
                    value = (value / 1000) + 'K';
                }
                return value;
            }
        }

formatter属性可供用户自定义一些属性,很方便使用。

转载于:https://www.cnblogs.com/MirageFox/p/10445877.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要修改echarts柱状图的y轴值,你可以使用echarts提供的API来实现。首先,在设置y轴的时候,你可以通过设置yAxis配置项来自定义y轴的数值范围和刻度。可以使用yAxis.axisLabel来设置刻度标签的显示格式,使用yAxis.min和yAxis.max来设置y轴的最小值和最大值。此外,你还可以使用yAxis.interval来设置刻度间隔。比如,如果你想将y轴的刻度值设置为从1到10,间隔为2,可以这样做: ```javascript yAxis: { type: 'value', min: 1, max: 10, interval: 2, axisLabel: { formatter: '{value}' // 这里可以自定义刻度标签的显示格式 } } ``` 通过以上配置,你可以将y轴的刻度值修改为你需要的数值范围,并设置刻度间隔和显示格式。这样,echarts柱状图的y轴值就被成功修改了。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [echarts设置两个x不等分,双y轴统计例子](https://download.csdn.net/download/liucaifa2008/12816861)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [记录echarts 柱状图 y轴顶部设置横杠 柱状图渐变 柱状图Y轴渐变](https://blog.csdn.net/bazcsx/article/details/125475426)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值