一组数差距过大的问题：symbolsize 计算公式

数据可视化：符号大小动态调整

最新推荐文章于 2024-07-13 09:26:53 发布

原创

最新推荐文章于 2024-07-13 09:26:53 发布 · 2.6k 阅读

1 ·

CC 4.0 BY-SA版权

该博客介绍了如何解决数据可视化中因数值差距过大导致的显示问题。通过`symbolSizeCalcu`函数，根据数据范围动态计算每个符号的大小，确保在页面上每个点都能清晰可见。函数接受最小尺寸、系数、当前值、最大值、最小值和默认值作为参数，以实现比例适配的视觉效果。

解决的问题

当一组数据的值相差太大，导致在页面渲染的效果太差。比如一个点占据了整个屏幕，一个点小到看不见。这时候这个计算公式就可以起作用了

/**
 * symbolsize计算公式
 * minSize：最小的尺寸
 * coefficientSize：系数，自己定义
 * currentValue：当前symbol的值
 * maxValue：所有symbol的最大值
 * minValue：所有symbol的最小值
 * defaultValue：计算失败时的默认值，可不传。默认20
 */
function symbolSizeCalcu(minSize, coefficientSize, currentValue, maxValue, minValue, defaultValue) {
   
   
    let result=20