ECharts散点图极点值差距太大导致散点图过大

当我们拿到两个大小相差甚多的数值时，用在一些场景中比如上图中使用的散点图会导致极值过小或者过大的问题，使用D3的量化比例尺就可以解决这个问题，最后会根据我们设置的输出域返回两个根据传入值算出的比例

let scale = d3.scaleLinear().domain([1,300000]).range([0,100])
console.log(scale(28000))  //输出 9.3330311101037
console.log(scale(300000))  //输出 100

domain是输入域范围，range是输出域范围
这个输入域范围取决于散点图的两个极值，最后以0-100(range输出域)的数值范围返回

使用方法：

npm install d3 --save-dev  //安装

import * as d3 from "d3";