首页 > 其他分享 >uniapp 移动端axisLabel 设置formatter无效的解决方法

uniapp 移动端axisLabel 设置formatter无效的解决方法

时间:2023-07-30 16:00:52浏览次数:32  
标签:function uniapp return val axisLabel formatter newValue

pc端是直接在option里配置

移动端在renderjs里的监听变化的时候去设置

updateEcharts(newValue, oldValue, ownerInstance, instance) {
                // 监听 service 层数据变更
                try {
                    newValue.xAxis.axisLabel.formatter = function(val) {
                      return val.replace(' ', '\n')    //x轴的数据有空格就换行
                    }
                    newValue.yAxis.axisLabel.formatter = function(val) {
                      return val.toFixed(1)  //y轴始终保留小数点一位
                    }
                                        
                    myChart.setOption(newValue)
                } catch (error) {}
            }

 

标签:function,uniapp,return,val,axisLabel,formatter,newValue
From: https://www.cnblogs.com/reround/p/17591559.html

相关文章

  • uniapp中使用i18n
    1.安装vue-i18n 2.根目录下新建locale文件夹,创建index.jsimport{createI18n}from'vue-i18n'importenfrom'./en.json'//locale文件夹下的英文配置importzhfrom'./zh.json'//中文配置importzhFanfrom'./zh-fan.json'//繁体配置const......
  • uniapp+vue3+ts 使用pinia报错
    "hasInjectionContext"isnotexportedby"node_modules/vue-demi/lib/index.mjs",importedby"node_modules/pinia/dist/pinia.mjs".11:36:19.397at../node_modules/pinia/dist/pinia.mjs:6:9解决方法:把pinia降级先删除pinianpmunipinia......
  • uniapp 打iOS测试包 到蒲公英进行分发测试
    使用Uniapp打iOS测试包并分发到蒲公英进行测试在移动应用开发中,我们通常需要将我们的应用打包成测试包进行测试。对于Uniapp开发的应用程序,我们可以使用一些工具来帮助我们打包iOS测试包,然后将其分发到蒲公英等平台进行测试。本文将为您介绍如何使用Uniapp打iOS测试包并分发到蒲公......
  • uniapp,打开安卓系统设置的应用信息页面或者耗电详情页面(用于用户手动设置后台启动)
    openSettings(){ varmain=plus.android.runtimeMainActivity(); //varpkName=main.getPackageName();//获取包名 //varuid=main.getApplicationInfo().plusGetAttribute("uid"); varIntent=plus.android.importClass('android.conte......
  • uniapp小程序(原生微信小程序也可以使用),获取接口二进制流数据上传文件到服务器
    需求:通过接口返回的二进制流数据,这个流数据他是一个xlsx文档,需要给到用户一个文档线上连接。下面是具体代码,注意只针对二进制的文件数据,如果图片上传直接调用uploadFile就可以,并且兼容原生微信小程序。exportfunctionexportExcel1(query){ uni.showLoading({ title:'正......
  • uniapp获取设备信息:uni.getSystemInfo或uni.getSystemInfoSync,可用于设置顶部安全区
    uniapp获取设备信息:uni.getSystemInfo或uni.getSystemInfoSync,可用于设置顶部安全区letsysInfo=uni.getSystemInfoSync();console.log(sysInfo);//{SDKVersion:"2.33.0"appId:"__UNI__EEB4CD4"appLanguage:"zh-Hans"appName:"sc-vue3"a......
  • uniapp专栏 —— vscode报错 'uni' is not defined.
    写在前面这些内容基于通过cli搭建的uniapp项目,使用了vite4,ts4.9,vue3(组合式API,setup语法糖)。如果有版本不一致,请谨慎参考。正文uni是一个全局变量,但是eslint没有识别到。避免这个错误报错在.eslintrc.js文件中加上配置globals:{uni:true},......
  • vue3,ts,vite4,uniapp设置路径别名
    安装依赖npminstall--save-dev@types/node配置vite.config.ts文件//vite.config.tsimport{defineConfig}from'vite';import{resolve}from'path';exportdefaultdefineConfig({resolve:{alias:{'/@/':resolve(......
  • uniapp小程序客服拖拽+左右吸附
    <template> <viewclass=""v-if="x!=0&&y!=0"> <movable-areaclass="movableArea"> <movable-viewclass="movableView":position="position":x="x":y="y&q......
  • 介绍社交论坛问答发帖系统源码-java+vue+uniapp开发前后端
    前后端分离社交论坛问答发帖BBS源码,社交论坛小程序|H5论坛|,app论坛是java+vue+uniapp开发的前后端分离社交论坛问答发帖/BBS项目,包括论坛图文帖,视频,圈子,IM私聊,微信支付,付费贴,积分签到,钱包充值等论坛小程序论坛app完整功能演示地址:www.runruncode.com/java/19462.html ......