antvis/G2

G2 4.x版本,热力图展示问题,当数值为0时或者数值中的最小值时,会出现没有颜色的情况,期望通过设置最大最小透明度来控制 #6078

Mr-jili posted onGitHub

问题描述

热力图当数值为0时或者数值中的最小值时,会出现没有颜色的情况,正常情况应该是当前设定color的第一个值

重现链接

No response

重现步骤

第一种情况:[{ x: 20, y: 30, value: 0 }, { x: 20, y: 30, value: 10 }]当value为0时不会显示颜色 第二种情况:[{ x: 20, y: 30, value: 450 }, { x: 20, y: 30, value: 10 }]当value为10时不会显示颜色

预期行为

期望展示设置color的第一个颜色,通过设置minOpactity及max,与heatmap.js一致的,设置最大最小值透明度来控制

平台

  • 操作系统: [macOS, Windows, Linux, React Native ...]
  • 网页浏览器: [Google Chrome, Safari, Firefox]

屏幕截图或视频(可选)

No response

补充说明(可选)

No response


使用的什么版本?也把你的代码发一下吧!

posted by hustcc about 1 year ago

G2 4.x版本是不是不支持heatMap设置minOpacity,只有G2 5.x才支持嘛 G2 4.x版本有什么办法解决上述问题嘛

posted by Mr-jili about 1 year ago

G2 4.x版本是不是不支持heatMap设置minOpacity,只有G2 5.x才支持嘛 G2 4.x版本有什么办法解决上述问题嘛

v4 不支持。没有暴露出来api。

posted by hustcc about 1 year ago

maxOpacity、minOpactity这个api后续会暴露嘛 , 因为ant-design-chart 1.4.2版本 还是常用稳定的版本, 他这个用的还是G2 4.x版本,现在项目升级会影响太多

posted by Mr-jili about 1 year ago

你可以来一个案例代码吗?不要一直开关 issue。

posted by hustcc about 1 year ago

案列代码地址

问题说明: 当数值相差太大或者最小值时会出现看不出来的情况,而我最小值是红色,应该出现明显的红渐变,G2 5.x版本新出了gradient、maxOpacity、minOpacity、blur api,因ant-design-charts v1.4.2版本用的是G2plot,G2plot用的是G2 4.x,因前面一套还是稳定版本,有没有考虑在4.x中暴露这几个参数,如果不兼容,直接close就可以

posted by Mr-jili about 1 year ago

@Mr-jili 这个确实不兼容哈。

posted by pearmini 11 months ago

Fund this Issue

$0.00
Funded

Pull requests