G2Plot使用中的注意——渲染图表没数据

最新推荐文章于 2024-03-07 20:00:00 发布
最新推荐文章于 2024-03-07 20:00:00 发布
阅读量2.2k 收藏
点赞数
分类专栏： 前端开发中遇到的问题 文章标签： vue js css javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/caiyan1225/article/details/112396599
版权

npm bulid后，谷歌浏览器显示“页面溢出”

在Vue项目开发中，用到了G2Plot图表来绘制环形图表、柱状图等，有一次npm bulid后，谷歌浏览器显示“页面溢出”而其它浏览器能正常显示页面
***原因：*可能是因为没有数据，从而导致G2Plot图表一直在获取数据，一直在尝试刷新，而导致内存溢出”
当时我渲染了如下的一个图表
G2Plot中的饼图
因为这个图表所需的数据没有，所以就一直在刷新、请求数据、刷新……
当我给了数据之后，就没有出问题了

caiyan1225
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决使用g2绘制图表，数据全为null时页面展示不为空的情况
weixin_44471622的博客
03-31 2089
G2数据全部为null时，页面显示优化 如果数据全部为null 会出现下列这种情况 如果出现可以这样优化 this.state.view.source(data,{ area:{ type:'linear' } })
echarts饼图+接口数据为0时饼图不渲染的解决
bbt953的博客
12-27 5438
以上是理想状态，点击下拉列表，当某个选择下的数据为0时，图表也同步渲染 但是现在是这样的，我的数据为0时，图表还停留在上一数据的样子，并不重新渲染 解决：这都要谢谢我那老后端，给我传的数据格式，当有数据时，他给我传的是好的 当数据为0时，人家不给我传0，人直接我个空数组 所以当我res.data.map的时候，如果res.data=[]，那就不会push任何东西，所以series.data没有数据，自然不会渲染，其实后端给返的就是{name:’’,value:’’}格式，没数据就是个空数组，所以直..
【G2】数据不能显示完整
南乡人的博客
09-20 504
多半是坐标轴的字太长，自动截断了。可以尝试将坐标轴的说明文字减少。
ant-desgin charts双轴图DualAxes，柱状图无法立即显示，并且只有在调整页面大小（放大或缩小）后才开始显示
最新发布
BGMcat的博客
03-07 662
双轴图表中，柱状图无法立即显示，并且只有在调整页面大小（放大或缩小）后才开始显示。
更新日志2022-02-17
Henry_Wu001的专栏
02-17 353
1）Npgsql to 6,时间问题 npgsql - .NET6 and DateTime problem. Cannot write DateTime with Kind=UTC to PostgreSQL type 'timestamp without time zone' - Stack Overflowhttps://stackoverflow.com/questions/69961449/net6-and-datetime-problem-cannot-write-datetime-with-
G2Plot可以自动更新数据吗
weixin_42584507的博客
01-15 203
G2Plot是一个基于 G2 (AntV) 的图表库，它可以通过配置数据源自动更新数据。
antv-g2plot-master_java_
10-03
标题中的"antv-g2plot-master_java_"表明这是...总结来说，"antv-g2plot-master_java_"涉及到的是AntV中的G2Plot库，为Java开发者提供了便利的数据图表绘制工具，同时与G6一起，为图数据的可视化提供了全面的解决方案。
基于Vue的大屏可视化设计器，前后端一体化解决方案，几十种炫酷图表，支持多种数据来源接入，适用于大屏、低代码、BI场景，使用简单
11-09
DataRoom是一款基于SpringBoot、MyBatisPlus、Vue、ElementUI、G2Plot、Echarts等技术栈的大屏设计器，具备大屏设计、预览能力，支持MySQL、Oracle、PostgreSQL、SQLServer、ElasticSearch、JSON、JS、HTTP、Groovy...
vue大屏显示数据分析源码
05-23
数据分析部分，此项目可能使用了ECharts、AntV G2Plot、D3.js等流行的前端数据可视化库。这些库提供了丰富的图表类型，如柱状图、折线图、饼图、散点图等，能够灵活地展示各类统计数据。通过与Vue.js结合，开发者...
(1)Vue数据可视化大屏_景区管理平台_大屏_vue_数据可视化_
10-03
在数据可视化领域，Vue可以与ECharts、G2Plot、Vue-Charts等图表库结合，实现丰富的图表展示效果。 【描述分析】 描述中提到"该源码为Vue前端可视化大屏项目"，意味着这个项目是一个基于Vue的Web应用，用于创建大屏...
world.geo.json.zip
11-27
在G2图表中，地图的绘制主要依赖于`@antv/g2plot`库中的`Geo`组件。Geo组件允许开发者加载自定义的地理JSON数据，通过映射经纬度信息到二维坐标系上，形成地图的基础框架。在使用world.geo.json数据时，我们需要先解...
在vue中使用@antv/g2画图的组件在数据变化或重新加载后图像不能重新渲染的一种v-if解决方法
qq_52651584的博客
11-18 1451
使用v-if控制组件的渲染，重新渲染即可解决数据更新问题
Echarts图表使用后台数据不显示问题解决
yrrjiayou的博客
05-13 8749
Echarts图表使用后台数据不显示问题解决
g2plot 水滴图，包含数据更新时渲染问题
zhaoz的博客
06-01 1358
官网地址：https://g2plot.antv.vision/zh/docs/manual/introduction 第一步: vue安装对应插件（网上很多，可以百度一下） npm install @antv/g2plot --save 第二步：引入 import{Liquid}from'@antv/g2plot' 创建对应的div <divid="linechart"/> data定义一个 linePlot 加载 mounted(){...
G2plot 面积图Area更新空数据，页面渲染不彻底
weixin_42289080的博客
06-28 873
G2plot渲染空数组，页面更新不彻底，要先销毁图表再初始化一次
G2Plot图表库应用
qq_48108860的博客
03-19 1620
在html中使用G2Plot 1、引入G2Plot图表组件库 <script type="text/javascript" src="https://unpkg.com/@antv/g2plot@latest/dist/g2plot.min.js"></script> 2、创建图表容器 <div id="container"></div> 3、创建图表 <script> 3-1创建图表的构造函数 le...
React+G2 + G2plot 踩坑
ujjhuhu的博客
02-18 4124
这里写自定义目录标题参与图表组件库开发（要求使用Echarts或G2）坑1： 参与图表组件库开发（要求使用Echarts或G2） 因为这两个都没用过，翻阅多篇文章，最终选择入坑G2，要用就用新技术！所以特此记录，方便以后避坑。 示例图（颜色随数据改变）： 坑1： ............
关于g2plot 各图 x轴展示完整， 但是y轴展示不全的问题，包含鼠标悬浮图表错位
qq_53439433的博客
12-01 1040
1.如果x轴 是数字 第一个必须是0，否则y轴将会少一块 2.尽量将x轴 设为 string类型，也就是字符串
G2 实时刷新 流量监控图
weixin_30414305的博客
09-12 626
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,height=device-height"> &l...
g2plot 图表点击事件
10-28
g2plot是一个基于G2封装的图表库，它提供了丰富的图表类型和交互功能。在g2plot中，可以通过onReady属性来绑定图表渲染完成后的回调函数，从而实现图表...在React中，可以使用@opd/g2plot-react来方便地使用g2plot库。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值