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

一种缩小数据之间差距的算法

先上代码:

/**
* 缩小数据之间的差距,但是大小关系不变的方法* @param {Array} features */function minMaxData(data) {for (let i = 0; i < data.length; i++) {const f= data[i];const x= f[1];const y=f[2];//此处5根据实际情况设置const y2 = Math.pow(y, 1 / 5);//f.y = y2;f.y2 = y2;}}

有时候进行数据展示的时候,比如在chart图上进行数据呈现的时候,比如数据如下:

const nameArr = ['杭州', '宁波', '金华', '台州', '嘉兴', '丽水', '温州', '潮州', '绍兴', '衢州'];
const valueArr = [1, 2, 3, 6, 8, 4, 8000, 6, 7, 100];

直接在chart图中表现的话,则显示效果可能比较难看:
在这里插入图片描述

经过处理后的数据再渲染的时候,则表现如下:
在这里插入图片描述

为保持数据具体值的正确性,只需在tooltipformatter中进行提示文字的显示处理即可。

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

相关文章:

  • 【Axure RP9】动态面板使用------案例:包括轮播图和多方式登入及左侧菜单栏案例
  • 在接口实现类中,加不加@Override的区别
  • 优质全套SpringMVC教程
  • 微信小程序---使用npm包安装Vant组件库
  • GPT-4V被超越?SEED-Bench多模态大模型测评基准更新
  • 数据库_mongoDB
  • Layui实现自定义的table列悬停事件并气泡提示信息
  • Tomcat从认识安装到详细使用
  • 07-Eventing及实践
  • Linux下Netty实现高性能UDP服务
  • Ubuntu 22.04 Tesla V100s显卡驱动,CUDA,cuDNN,MiniCONDA3 环境的安装
  • FFmpeg转码流程和常见概念
  • 【01】GeoScene生产海图或者电子航道图
  • TWS蓝牙耳机的船运模式
  • Vue系列之指令 v-html
  • Mac如何安装stable diffusion
  • Kubernetes (k8s) 快速认知
  • Electron V28主进程与渲染进程互相通信总结
  • MySQL主从复制详解
  • verilog基础语法-计数器
  • 有SCL,SDA,TRIG,I2C的元器件是什么?在哪找?proteus
  • 再谈低代码开发——值得所有程序设计和开发者重视的建议!
  • Docker部署MinIO对象存储服务器结合内网穿透实现远程访问
  • USB2.0 Spec
  • prbs测试
  • 计算机网络:数据链路层(VLAN)
  • C# WPF上位机开发(动态添加控件)
  • MySQL进阶|MySQL中的事务(一)
  • 设计模式策略模式讲解和代码示例
  • Qt容器QStackedWidget小部件堆栈