项目中使用Container组件出现了一些问题,老师可以帮忙解答一下吗

来源:15-1 固定宽高比及突破chrome 12px原理讲解

小麦弥望

2021-06-18

老师,我在项目中使用了课程中的自适应容器组件
但是页面被容器进行缩放后,gojs绘制的图表的坐标出现了问题
下面是我写的一个简单的dome,结尾贴了git 地址

<container :options="{width: 1920, height: 1080}">
  <div id="diagram"></div>
</container>

dome中体现的现象就是,除了刚好 1920 * 1080的视口下,图表中的节点才能被选中,只要不是这个比例的视口,图表就没法选中节点了(图表的坐标出现了问题)。但是我不知道应该怎么解决这个Bug
虽然老师这门课没有提到gojs这个库。但是我的确没法解决这个问题了,可以帮一下忙吗
https://git.imooc.com/amhr/error

写回答

1回答

扬_灵

2021-06-19

同学你好,1920 * 1080这个值是我们UI图的尺寸,这个是需要修改成自己的UI尺寸的。

0
1
小麦弥望
老师,我的意思是说,页面被缩放后,图表的节点和连线都不能被选中了,跟尺寸没关系.... 现在我设计图的尺寸就是1920 * 1080,用这个组件的意义是希望,用户无论使用多少尺寸的设备访问,都能正常使用,但是实际的效果是,除了1920 * 1080的设备,其他的设备访问,这个图表都不能进行交互了(准确说是坐标偏了)....
2021-06-20
共1条回复

数据可视化入门到精通-打造前端差异化竞争力

同级别前端,掌握数据可视化薪资更高

1526 学习 · 1043 问题

查看课程