antv踩坑记录

最新推荐文章于 2024-09-12 07:40:32 发布
最新推荐文章于 2024-09-12 07:40:32 发布
阅读量748 收藏
点赞数
分类专栏： antv
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qlingsu/article/details/112233938
版权

引入包的时候，要分别引入 npm install @antv/f2 --save

页面引入使用 import F2 from "@antv/f2/lib/index-all";

 

Cannot read property 'currentStyle' of null

  • 主要原因： 找不到dom节点
  • 具体原因1：绘制图表 id 没有对应起来
  • vue 中要在dom就绪之后绘制图表 $nextTick
qlingsu
关注
专栏目录
antvg2踩坑记录
Hero_rong的博客
12-24 1613
官方地址https://antv.vision/ 建议纯新手的话先看下教程，明白各个组件和一些可视化的基础概念更容易上手（戳这里跳转官方教程） 柱状图改变柱子的颜色 .color('l(90) 0:rgb(47,209,255) 1:rgb(0,13,255)') //渐变色 改变提示信息 Tooltip的样式 当鼠标悬停在某个点上时，会以提示框的形式显示当前点对应的数据的信息，比如该点的值，数据单位等。数据提示框内提示的信息还可以通过格式化函...
Antv踩坑—导入画布数据监听画布渲染完成事件
qq_35531398的博客
07-04 2850
系列文章目录 提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加 例如：第一章 Python 机器学习入门之pandas的使用 提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录 系列文章目录 前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基
vue使用antv踩到的坑
qq_44721624的博客
09-30 2275
使用antv踩到的坑 面积图的纵坐标问题 1.使用antv g2plot 的面积图，纵坐标总是不对，之前以为是自己写的有问题， 结果发现是它这个框架的面积图的框架都有问题（纵坐标是两个面积图的纵坐标之和） ####图在ios15及以上的版本不能显示问题 2. 使用antv 画图，结果在移动端的ios15以上图不能显示，总是会刷新页面，后面把图注释之后发现页面可以非常快的加载出来，然后发现可能是自己下载的antv g2plot 的版本较低，需要升级到最新版本， 升级到最新版本图片就能显示了 antv的chan
推荐开源项目：AntV 底层魔法工具箱——@antv/util
最新发布
gitblog_00731的博客
09-12 274
推荐开源项目：AntV 底层魔法工具箱——@antv/util util utility library for AntV products. 项目地址: https://gitcode.com/gh_mirrors/util8/...
mpvue中使用antv F2制作可滑动折线图（遇到的坑）
qq_30409135的博客
04-29 2865
mpvue中使用antv F2制作可滑动折线图（遇到的坑），mpvue f2-canvas tooltip设置无效 最近在开发小程序，需要用到折线图，在echarts 和 antv F2中选择了后者，不管是echarts，还是F2网上很少关于小程序的相关资料，所以我决定把踩过的坑记录下来。 一、首先下载ff-canvas放在static文件夹中 f2-canvas 二、引入f2-canvas ...
vue + Antv F2
fanxinzhi_FXZ的博客
01-19 2076
F2 npm 安装: npm install @antv/f2 --save 成功安装完成之后，即可使用 import 或 require 进行引用 import F2 from "@antv/f2/lib/index-all" const F2 = require('@antv/f2/lib/index-all') 注意：官方文档 引用方式为： const F2 = require(’@a...
「AntV」X6开发实践：踩过的坑与解决方案
qq_43156442的博客
06-01 4509
相信你们在开发中更多的需求是需要自定义拖拽源，毕竟自定义的功能扩展性高一些，而且可以根据你的业务需求灵活设置。自定义拖拽的优点就是：万物皆可成为拖拽源，不管你使用的是html标签，还是第三方的ui框架，或者树形列表，……这些都可以设置成拖拽源，只有你想不到的，没有官方做不到的，来吧，开整。这里使用的是Dnd插件，因为我看官方介绍说Stencil插件内部也是依靠Dnd实现的，索性就直接使用Dnd来搞吧/*** 自定义拖拽源事件* @param {*} treeNode 根据需要传入要添加的参数。
antv/x6+antv/x6-vue-shape+vite+vue3 打包踩坑记录
weixin_43969709的博客
07-18 4732
antv/x6+antv/x6-vue-shape+vite打包后生产环境报错解决方法有以下4种...
nuxt使用antv-l7踩坑
凝神长老和他的朋友们
12-24 1056
nuxt.js 下使用 antv-l7 实在是有太多的坑了，官方文档也不是很全，只能不断摸索和尝试，下面我把这些坑记录下来，也许能帮到你。 这些解决方案不会是唯一解，也不见得是最优解，但至少解决了我的问题，而且还保留了代码的相对整洁和高效。如果你有更好的解决方案，欢迎留言；如果未来官方修复了这些问题，或者提供了更好的使用方法，那请忽略这篇文章。 nuxt 下只能通过 plugin 的方式引入 l7 不能直接用 import { Scene } from '@antv/l7' 这样的方法，在任何地方都不行，会
antV-X6-demo-master.zip
04-16
《AntV X6 Vue Canvas图形库的深度解析与实践应用》 AntV X6是一款由阿里云AntV团队推出的高效、灵活的JavaScript图形编辑引擎，它专注于为数据可视化和图形编辑场景提供强大的支持。在“antV-X6-demo-master.zip”...
antv G6 实践踩坑，插件，时间轴，撤销回退，修改样式
qq_40453669的博客
06-01 2265
总结： 多看案例，遇到图渲染不出来的，检查语法错误，控制台不一定会报错，找不出的话就回退代码，一次不要写太多的代码才看效果。时间轴的数据格式，节点中也需要增加date属性，并且需要和时间轴date格式相同，才能用内置的筛选功能，不同的时间轴类型需要的date格式不一样，仔细查看官方文。2. 撤销回退功能：只能使用官方提供的 new G6.ToolBar来编写撤销回退功能，自己写的话很麻烦，需要监听各类事件，如果需要自定义工具栏，可以将工具栏覆盖在自定义的工具栏上。内置的方法更换不了图片，需要自定义，在。
antvG6绘制树形图踩坑记录（自定义节点等功能）
Mr__proto__的博客
02-24 2497
antvg6 树状图 vue2
Vue使用Antv F2
素味平生的博客
07-17 5889
F2是一个专注于移动，开箱即用的可视化解决方案，完美支持 H5 环境同时兼容多种环境（Node, 小程序，Weex）。 在Vue中使用F2移动端图表，详细步骤如下： npm安装 npm install @antv/f2 --save 在main.js中引用 impor F2 from '@antv/f2'; Vue.prototype.F2 = F2; 在页面中使用，首先创建一...
在vue项目中使用Antv-f2的小案例
大鱼吃小鱼7的博客
11-12 9281
目录 一.两种引入方式 1.浏览器引入 2.通过 npm 安装 二. 两种使用方式 1. 在配置了webpack或使用vue-cli构建的vue项目使用 2. 另一种使用方式是在html中直接使用 三. vue循环渲染图表,动态绑定Id 最近在研究数据可视化，了解到会有移动端的数据可视化需求，所以看到了阿里出的Antv F2. 官网有如下简介：F2，一个专注于移动，开箱即用的可...
记录一个问题：G6和vite的兼容性问题
weixin_39492106的博客
03-11 1949
G6 antd vue3 vite
npm install --save @antv/g6报错
zhangxiaodui的博客
10-19 2980
npm install --save @antv/g6报如下错误 CategoryInfo : ParserError: (:) [], ParentContainsErrorRecordException FullyQualifiedErrorId : UnrecognizedToken 从错误中得知源文本中存在无法识别的标记 解决办法 npm install --save '@antv/g6' 给依赖包外层加单引号或者双引号 ...
vue移动端用什么数据可视化插件_AntV F2+vue-cli构建移动端可视化视图
weixin_34342860的博客
12-29 470
AntV F2是蚂蚁金服旗下的一个专注于移动，开箱即用的可视化解决方案，完美支持 H5 环境同时兼容多种环境(Node, 小程序，Weex)，完备的图形语法理论，满足你的各种可视化需求，专业的移动设计指引为你带来最佳的移动端图表体验。话不多说，直接进入正题：Antv F2官方比较友好，给我们提供了两种方式方便我们使用，分别是CDN方式(引入在线资源)和npm安装方式，因为项目是vue-cli搭建的...
element-ui.common.js:2353 Uncaught TypeError: Cannot read properties of null (reading ‘disabled‘)
热门推荐
qq_43983650的博客
09-06 3万+
这个是由于使用 element-ui 的Dropdown 下拉菜单 遇到这个错误一定要仔细排查自己的代码 el-dropdown el-dropdown-menu el-dropdown-item 这三个缺一不可 仔细排查是不是中间的 el-dropdown-menu el-dropdown-item 没有写 如果是多人开发，自己的部分没有问题，一定就是你的小伙伴哪里写错了。 ps：踩坑，找了一上午。哭死 ...
踩坑antv/g2，export ‘getEllipsisText‘ was not found in ‘@antv/util‘
qq_53318060的博客
11-01 888
踩坑
antv x6 清空历史记录
08-29
2. 清空撤销/重做历史记录：antv X6 提供了撤销和重做的功能，这些功能通常依赖于内部的历史记录栈。要清空这些历史记录，您可能需要调用内部提供的方法或者属性来重置历史记录栈。但是，antv X6 的官方 API 文档并...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值