Antv g2在多个view并存的情况下启用view-zoom缩放

sj490790083 2020-09-01 12:09:29

各位请教个问题。我用antv g2图标的缩放功能，代码就用的官网的interaction('view-zoom')，已经给chart设置了scale，但是每次缩放都会报错，错误信息是获取不到坐标轴scale信息，是不是和我用了多个view有关系呢(试过直接在chart渲染图形，就可以用缩放)。我试过在每个view上集成view-zoom事件，确实可以用不报错了，但是多个视图不同步，会有重影。有没有给整个chart设置缩放的办法呢。谢谢了。

...全文

8910 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

sj490790083 2020-09-14

打赏
举报

回复

绘制视图ViewG2的图表Chart，可以创建多个视图View，每个View各自又可以创建其子View，所以在G2中，View是支持嵌套的。每个View同Chart一样，拥有自己独立的数据源，坐标系，几何标记，Tooltip以及图例。Chart也是一种特殊的View；如何创建视图直接通过调用chart.createView()即可创建View对象，此时会默认创建一个绘图区域于Chart相同的视图，...

工作中需要制作一个看板，选型选用antV G2进行开发。由于项目前端是使用Vue，于是研究了antVG2在Vue中的使用。 1.安装antv/g2 在WebStrom下面Terminal中输入 npm install @antv/g2 --save 安装完成后为如下状态 2.创建一个Vue文件，引入antV/g2 import G2 from '@antv/g2'; 3.创建一个函数，函数内部创建一个Chart对象，并在挂载时调用（这里我创建了两个函数，创建Chart对象所需的参数

以双折线图为例记录，最终效果图安装 npm install @antv/g2 --save 在需要的vue文件中引入 import G2 from '@antv/g2'; //引入G2 import { Chart } from "@antv/g2"; //或者只引入需要用到的G2组件，我要用Chart const DataSet = require('@antv/data-set'); //antV中用DataSet作为数据集，可以对原始数据进行操作，比如格.

创建视图View G2的图表Chart，可以创建多个视图View，每个View各自又可以创建其子View，所以在G2中，View是支持嵌套的。每个View同Chart一样，拥有自己独立的数据源，坐标系，几何标记，Tooltip以及图例。 ...

antv G2Plot折线图+多个堆叠柱状图

10,606

社区成员

29,047

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章