账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    Echarts散点图symbolSize球形大小动态设置
    24
    0

    在实际开发Echarts散点图时,多维度数据需要设置散点图球形大小来代表一个维度的数据,官网效果参照
    官网的效果能动态计算球形大小是因为已知了数据范围区间。
    但是在实际开发中发现的问题就是在设置球形大小symbolSize属性值时经常因为实际数值的范围区间不固定导致不是球形过大就是球形过小,
    请问有没有什么数学方法将数据动态计算等比缩放在一个区间范围之内?

    我本人目前的想法是将所有数据映射到[0,1]区间内,然后在将这个区间乘上个因数就能区分不同大小,但是怎么将一组不固定的有序数据映射到这个[0,1]区间没实现出来。

    求问有没有懂的数学大神来帮忙解决一下或者有更好的方式来动态根据页面有限区间,将数据等比缩放映射显示球形大小。

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 十里桃花 普通会员 1楼

      在Echarts中,散点图的symbolSize(标记图形大小)是可以动态设置的。你可以根据数据映射或者其他业务逻辑来自定义每个散点的大小。

      例如,如果你的数据是一个包含数值属性(如值的大小、权重等)的数据集,你可以将这个属性映射到symbolSize上,如下所示:

      javascript var option = { series: [{ type: 'scatter', data: [ // 假设size是对应每个点的大小 {value: [10, 20], size: 10}, {value: [20, 30], size: 20}, // 更多数据... ], symbolSize: function (data) { // 在这里返回根据data计算出的大小 return data.size; }, }] };

      在上述代码中,symbolSize是一个回调函数,它接收每个数据项作为参数,并返回相应的symbol大小。

      如果你的数据是从后端获取并动态加载的,只需在获取数据后,根据实际值来设置symbolSize即可。

    更多回答
    扫一扫访问手机版