G2
G2 copied to clipboard
G2 4.x版本,热力图展示问题,当数值为0时或者数值中的最小值时,会出现没有颜色的情况,期望通过设置最大最小透明度来控制
问题描述
热力图当数值为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
使用的什么版本?也把你的代码发一下吧!
G2 4.x版本是不是不支持heatMap设置minOpacity,只有G2 5.x才支持嘛 G2 4.x版本有什么办法解决上述问题嘛
G2 4.x版本是不是不支持heatMap设置minOpacity,只有G2 5.x才支持嘛 G2 4.x版本有什么办法解决上述问题嘛
v4 不支持。没有暴露出来api。
maxOpacity、minOpactity这个api后续会暴露嘛 , 因为ant-design-chart 1.4.2版本 还是常用稳定的版本, 他这个用的还是G2 4.x版本,现在项目升级会影响太多
你可以来一个案例代码吗?不要一直开关 issue。
问题说明: 当数值相差太大或者最小值时会出现看不出来的情况,而我最小值是红色,应该出现明显的红渐变,G2 5.x版本新出了gradient、maxOpacity、minOpacity、blur api,因ant-design-charts v1.4.2版本用的是G2plot,G2plot用的是G2 4.x,因前面一套还是稳定版本,有没有考虑在4.x中暴露这几个参数,如果不兼容,直接close就可以
@Mr-jili 这个确实不兼容哈。