当前位置: 首页 > news >正文

uniapp中APP端使用echarts用formatter设置y轴保留2位小数点不生效

在这里插入图片描述
uniapp使用echarts,在内置浏览器中,设置保留2位小数能正常显示(代码如下),但是在APP端这个设置不起作用。

yAxis: {type: 'value',axisLabel: {formatter: function (val) {return val.toFixed(2); //y轴始终保留小数点一位}}},

app端不生效是因为:
在app端,回调函数无法从renderjs外传递,上面的设置使用了回调函数formatter,所以app端不生效。

解决方法

在引用echarts中,有一个初始化的文件,找到里面update方法,加入一段代码(代码如下)。

未加入前的代码
update(option) {if (this.chart) {// 因App端,回调函数无法从renderjs外传递,故在此自定义设置相关回调函数if (option) {// tooltipif (option.tooltip) {// 判断是否设置tooltip的位置if (option.tooltip.positionStatus) {option.tooltip.position = this.tooltipPosition()}// 判断是否格式化tooltipif (option.tooltip.formatterStatus) {option.tooltip.formatter = this.tooltipFormatter(option.tooltip.formatterUnit, option.tooltip.formatFloat2, option.tooltip.formatThousands)}}// 设置新的optionthis.chart.setOption(option, option.notMerge)}}},
加入后的代码
update(option) {if (this.chart) {// 因App端,回调函数无法从renderjs外传递,故在此自定义设置相关回调函数if (option) {// tooltipif (option.tooltip) {// 判断是否设置tooltip的位置if (option.tooltip.positionStatus) {option.tooltip.position = this.tooltipPosition()}// 判断是否格式化tooltipif (option.tooltip.formatterStatus) {option.tooltip.formatter = this.tooltipFormatter(option.tooltip.formatterUnit, option.tooltip.formatFloat2, option.tooltip.formatThousands)}}if (option.yAxis !== undefined) {// #ifdef APP-PLUSif (option.yAxis.length > 0) {option.yAxis.forEach(el => {el.axisLabel.formatter = function(val) {return val.toFixed(2) //y轴始终保留小数点一位}})}// #endif}// 设置新的optionthis.chart.setOption(option, option.notMerge)}}},

如有其他formatter方法不生效,可在这个里面进行设置。

http://www.lryc.cn/news/212542.html

相关文章:

  • 无糖茶饮三十年,从无人问津到人手一瓶
  • 面向Three.js开发者的3D自动纹理化开发包
  • 数字孪生技术与VR:创造数字未来
  • 系统架构设计师-第15章-面向服务架构设计理论与实践-软考学习笔记
  • 为什么我觉得Rust比C++复杂得多?
  • python sqlalchemy(ORM)- 03 增删改查
  • Flutter笔记:完全基于Flutter绘图技术绘制一个精美的Dash图标(上)
  • 学习gorm:彻底弄懂Find、Take、First和Last函数的区别
  • 796. 子矩阵的和(二维前缀和)
  • 利用ChatGPT进行股票走势分析
  • 万字解析设计模式之单例模式
  • vue2.x 二次封装element ui 中的el-dialog
  • ssh连接Ubuntu虚拟机出现connection reset by ip地址 port 22怎么解决
  • 树莓派4B安装ffmpeg
  • LeetCode|动态规划|1035. 不相交的线 、53. 最大子数组和
  • 一体式IO模块:汽车行业的数字化转型助推器
  • OpenCV官方教程中文版 —— Hough 直线变换
  • 【Axure高保真原型】百分比堆叠柱状图
  • Vue.js中的双向数据绑定(two-way data binding)
  • TFN 2.5G SDH传输分析仪 FT100-D300S
  • 电脑录像功能在哪?一文帮你轻松破解
  • 基于长短期神经网络的可上调容量PUP预测,基于长短期神经网络的可下调容量PDO预测,LSTM可调容量预测
  • 站群服务器有哪些优势?
  • 故障诊断模型 | Maltab实现LSTM长短期记忆神经网络故障诊断
  • 【WSL 2】Windows10 安装 WSL 2,并配合 Windows Terminal 和 VSCode 使用
  • DbVisualizer和DBeaver启动不来,启动报错
  • sftp连接远程服务器命令
  • el-select 、el-option 常见用法
  • 奇富科技引领大数据调度革命:高效、稳定、实时诊断
  • 9.Python3-注释