antvis/G2
posted by hustcc over 1 year ago
posted by xiaoiver over 1 year ago
posted by xyr550 over 1 year ago
posted by pearmini over 1 year ago
posted by hustcc over 1 year ago
posted by pearmini over 1 year ago
posted by pearmini over 1 year ago
posted by zhouhe-1476452306 over 1 year ago
The issue has been closed
外层容器添加transform缩放后,图表的悬浮、点击事件的位置错位失效 #5472
zhouhe-1476452306 posted onGitHub
@xiaoiver 之前旧版本 G 中,需要手动设置 supportCSSTransform: true,新版本中也需要设置这个属性吗?
多了一个 s
,现在叫:supportsCSSTransform
https://g.antv.antgroup.com/api/canvas/options#supportscsstransform
https://github.com/antvis/G/issues/1161
大佬,设置了这个属性没有用,还是失效的,这个属性是这么用的吗
@xyr550 这个配置还不支持哈,我这周支持一下
@xyr550 这个配置还不支持哈,我这周支持一下
是否可以默认 supportsCSSTransform
打开,不需要额外用户配置?@xiaoiver @pearmini
@hustcc 还是需要用户显示地配置,因为这个属性会跳过 G 的处理流程,是不保证稳定的,所以按需使用。
如果真的是希望进行缩放,更好的做法是操作 G 里面的视图节点:
chart.render().then(() => {
const canvas = chart.getConext().canvas;
const [view] = canvas.getElementsByClassName('view');
view.style.transform = 'scale(1.5';
})
同时修改 canvas 的大小。
@xyr550 你设置外层容器 style.transform 的场景是啥?
整一个画布存在多个组件,当设置的画布大小不满足当前电脑的分辨率时 可以进行宽度适应、高度适应 ,添加transform属性将该画布进行缩放填充。针对于整一个画布,并不是单个的图表缩放。