E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
g2Plot
开源免费的仪表盘设计工具DashBoard
DashBoard是一个基于多种技术栈的仪表盘设计器,它集成了SpringBoot、MyBatisPlus、ElementUI、
G2Plot
、Echarts等技术,为用户提供了强大的仪表盘设计、管理和预览能力
易道合之逍遥峰
·
2024-08-24 17:09
开源工具
开源
设计工具
仪表盘
【前端数据可视化AntV】G2 、G6 、L7 的使用
创建了一个vue项目:vuecreatelearn-antVAntV-G2-Plot的使用:快速上手npminstall@antv/g2plot--saveimport{Line}from'@antv/
g2plot
itlu
·
2023-12-22 12:19
前端数据可视化之AntV的
G2Plot
、G6、L7入门
AntV是蚂蚁金服全新一代数据可视化解决方案,AntV不是一个解决方案,他是一套解决方案,AntV包括以下解决方案G2:可视化引擎
G2Plot
:图表库G6:图可视化引擎Graphin:基于G6的图分析组件
Ashley的成长之路
·
2023-11-26 02:34
数据可视化
数据可视化
antV
g6
g2Plot
L7
antv
G2Plot
折线图+多个堆叠柱状图
1.首先是组件的一个安装:npminstall@antv/g2plot--save2.dom的准备 .one{ width:500px; height:200px; border:1pxsolidred;}3.初始化图表,页面的引用(这个里是vue3写法,vue2或者React也可以参考,差别不大)//(1.)引用组件import{onMounted,ref,nextTick}from"vue";
沙子迷了蜗牛眼
·
2023-11-09 10:24
javascript
开发语言
ecmascript
前端
css
vue 使用
g2Plot
饼状图自定义tooltip内容
默认情况下tooltip显示的是开发时假设想要达到右侧图片这种效果,需要自行配置tooltip根据官方文档说明需要使用fields、formatter配置项来实现tooltip:{//默认tooltip要显示的字段fields:['group','money','rate'],//datum所获取的是fields中的字段//在formatter格式化类似于起别名formatter:(datum)=
悠闲码
·
2023-11-07 03:16
前端
javascript
vue.js
使用@antv/
g2plot
实现文字权重分布划分图
最后效果展示安装@antv/g2plotnpmi@antv/
g2plot
使用,示例是使用vue3+vite+unocssimport{WordCloud}from'@antv/
g2plot
';import
UzumakiHan
·
2023-11-06 15:20
vue
g2plot
React+G2 +
G2plot
踩坑
参与图表组件库开发(要求使用Echarts或G2)因为这两个都没用过,翻阅多篇文章,最终选择入坑G2,要用就用新技术!所以特此记录一些常用的,方便以后避坑。Echarts或G2对于我这样没用过的人来说API实在太多了没法记,所以我也不喜欢一点一点去看官方文档,更多是了解了基础原理直接看官网例子代码,不知道有人和我一样么?所以常用的我都会在下面代码注释中体现到底是干什么的。不会将某个属性展开说,什么
Provck
·
2023-10-28 09:01
react.js
echarts
[开源]基于Vue+ElementUI+G2Plot+Echarts的仪表盘设计器
一、开源项目简介基于SpringBoot、MyBatisPlus、ElementUI、
G2Plot
、Echarts等技术栈的仪表盘设计器,具备仪表盘目录管理、仪表盘设计、仪表盘预览能力,支持MySQL、
TNT报社
·
2023-10-16 09:19
开源
vue.js
elementui
@antv/
g2plot
特殊 散点图 x轴为category 调整了legend 的marker
下面代码演示了如何使用antv/
g2plot
创建一个散点图,并对其进行基本的样式和布局配置。具体来说,代码中的data数组定义了散点图的数据系列,每个数据对象包含了分类、值和y轴字段三个属性。
拿我格子衫来
·
2023-06-13 16:36
前端技术
前端开发
数学建模
AntV | 蚂蚁数据可视化
G2Plot
快速入门
AntV|G2PlotAPIAntV|
G2Plot
教程1、开始简介
G2Plot
是一套简单、易用、并具备一定扩展能力和组合能力的统计图表库,基于图形语法理论搭建而成。
一个平凡de人
·
2023-04-01 07:10
web开发
前端
vue中使用G2(一)
前言这一章节主要讲解的是如何使用G2和
G2Plot
,通过阅读你可以学习到:G2最基本的使用在vue中使用G2在vue中使用
G2Plot
一、G2简介G2其实就是一套基于可视化编码的图形语法,使得前端能够高效的生成各种统计图表
LinDaiDai_霖呆呆
·
2023-03-21 13:06
在Nuxt中使用Antv-G2plot
在自己的项目中用到了图表,虽然Echarts很火但是......默认样式比较丑,所以选择了阿里的图表库Antv的
G2plot
组件。
CafuChino
·
2023-01-28 03:39
antv
g2plot
可视化图表在vue中的使用之三:图表皮肤主题theme配置
修改图表皮肤主题theme以折线图为例,原始代码为//src/views/Line.vueimport{Line}from'@antv/
g2plot
'exportdefault{
Darren.P
·
2022-12-26 17:27
Nodejs
Vue
可视化
g2plot
chart.theme
g2
registerTheme
图表皮肤主题颜色
蚂蚁开源,又一超棒的 Python 开源可视化库
PyG2Plot可视化技术交流自己动手,丰衣足食参数解析&完整代码参数解释参数解释参数解释参数解释PyG2Plot可视化这个Python可视化新秀,在GitHub上是这样介绍的:PyG2Plot是@AntV/
G2Plot
Python数据开发
·
2022-12-25 06:29
学习笔记
python
开发语言
【Python】吊打pyecharts,又一超级棒的开源可视化库
首先介绍下
G2Plot
,
G2Plot
是蚂蚁集团开源的一个基于图表分类学的可视分析图表库,内置25+常见图表类型,简单、易用、并具备一定扩展能力和组合能力的统计图表库,基于图形语法理论搭建而成。
风度78
·
2022-11-28 15:56
人工智能
python
java
编程语言
js
Antv | G2-Plot图表在vue项目中的使用
什么是G2-PlotG2Plot是一套简单、易用、并具备一定扩展能力和组合能力的统计图表库,基于图形语法理论搭建而成,"
G2Plot
"中的G2即意指图形语法(theGrammaofGraphics),同时也致敬了
星野寄月
·
2022-11-25 15:12
echarts
vue.js
Antv | 蚂蚁数据可视化API应用
HTML5图表API应用学习1.浏览器中使用方法2.项目中使用方法
G2Plot
是一套简单、易用、并具备一定扩展能力和组合能力的统计图表库,基于图形语法理论搭建而成,"
G2Plot
"中的G2即意指图形语法
Richeneen .
·
2022-09-09 17:43
javascript
前端
html5
吊打pyecharts,又一超级棒的开源可视化库
首先介绍下
G2Plot
,
G2Plot
是蚂蚁集团开源的一个基于图表分类学的可视分析图表库,内置25+常见图表类型,简单、易用、并具备一定扩展能力和组合能力的统计图表库,基于图形语法理论搭建而成。
Python数据挖掘
·
2022-05-19 15:15
python
python
数据可视化
vue2中使用AntV 以
g2plot
为实例
目录使用AntV以
g2plot
为例效果代码AntVg2的简单运用安装语法介绍使用AntV以
g2plot
为例效果代码nmp导入:npminstall@antv/
g2plot
代码:
·
2022-04-28 11:55
测试开发实战[提测平台]20-图表
G2Plot
在项目的实践实录
G2Plot
项目应用上一篇《提测平台19-Echarts图表在项目的实践》讲解了Echarts的图表应用,此篇来看下开箱即用且数据绑定更容易的
G2Plot
组件库如何使用,先上图看下已经实现的分组柱状图效果
MrZ大奇
·
2022-02-07 10:00
数据可视化前端项目开发 - 图表
图表highchartvsg2plot在chart库的选择上,项目先后使用了highchart和
g2plot
。在我接手项目之前,用的是highchart库,但highchart有3点是让我挺难受的。
VioletJack
·
2021-12-15 19:22
Ant Design Charts 踩坑
按照提示操作应该选择htmlannotations,但是ant-design-charts文档不友好只好翻看
g2plot
文档,借助图形标注展示总计labelannotationsposition很重要我这里需要每行的详情标签都显示在最右边
别过经年
·
2021-10-19 16:04
python pyg2plot的原理知识点总结
1、说明PyG2Plot原理其实非常简单,其中借鉴了pyecharts的实现,但是因为蚂蚁金服的
G2Plot
完全基于可视分析理论的配置式结构,所以封装上比pyecharts简洁非常非常多。
·
2021-03-12 21:01
几行代码,使用 PyG2Plot 在 Python 中绘制常见的统计图表
先说重点,欢迎Star:PyG2PlotAntVG2PlotPyG2Plot是完全基于
G2Plot
的封装,并且在数据结构上,完全不做任何二次封装,所以配置文档上完全可以参考
G2Plot
官方文档,从而降低自己维护成本
·
2021-01-25 14:25
几行代码,使用 PyG2Plot 在 Python 中绘制常见的统计图表
先说重点,欢迎Star:PyG2PlotAntVG2PlotPyG2Plot是完全基于
G2Plot
的封装,并且在数据结构上,完全不做任何二次封装,所以配置文档上完全可以参考
G2Plot
官方文档,从而降低自己维护成本
·
2021-01-25 14:52
python 可视化库PyG2Plot的使用
G2Plot
是在G2基础上,屏蔽复杂概念的前提下,保留G2强大图形能力,封装出业务上常用的统计图表库。
·
2021-01-21 13:22
如何使用
G2Plot
实现超强二维码能力?
先来个最简单的效果预览:最终产出了一个
G2Plot
的扩展包G2Plot-QRCode,欢迎试用和st
hustcc
·
2020-12-30 21:02
javascript
可视化
二维码
蚂蚁金服
AntV/
G2Plot
v2.0 技术架构思考
G2Plotv2版本,从今年8月开始开发,目前差不多已经快4个月了,达成:25+常用的统计图表80%图表在复杂BI,LowCode产品中使用验证97%代码单测覆盖率5+积极的社区同学参数后续我们会继续在几个方面深入:按照业务需求去提升,图表丰富度(桑基图、矩阵树图等),并在复杂业务系统去实践和应用文档、场景DEMO,降低使用者的门槛和成本那么,本文会介绍G2Plot2.0版本开发,从业务到技术架构
hustcc
·
2020-12-30 21:34
可视化
技术架构
前端
如何使用
G2Plot
实现超强二维码能力?
先来个最简单的效果预览:最终产出了一个
G2Plot
的扩展包G2Plot-QRCode,欢迎试用和st
hustcc
·
2020-12-30 20:53
javascript
可视化
二维码
蚂蚁金服
AntV/
G2Plot
v2.2.12 版本发布
NewFeaturesscatterregression新增top配置(#2010)(50fee30d)前后解读:之前回归线一定绘制在图形上面,不一定是最佳视觉效果,所以可以通过配置决定在哪一层。autosetlimitInPlotbasedonyAxisconfig(#2009)(c4a1794f)打开limitinplot配置(#2002)(65b485d6)前后解读:之前如果设置y轴的最小值
hustcc
·
2020-11-26 13:37
前端
可视化
蚂蚁金服
如何自定义
G2Plot
图表
G2Plot
提供了许多开箱即用的图形组件,但是也很难满足所有的用户的业务需要,因此
G2Plot
开放了Adaptor模式让用户自定义组件。
yujs
·
2020-11-22 23:34
ant
TypeScript项目的问题-第三方包报类型兼容错误
在nuxt项目中,引用了AntV包,1.0.3版本时报了这样子的错误ERRORERRORin/Users/***/Desktop/***/****/****/node_modules/@antv/
g2plot
Ugine_H
·
2020-09-13 08:17
前端知识点
typescript
进无止境,蚂蚁金服 AntV 统计图表
G2Plot
1.0 发布
G2Plot
是一个开箱即用、易于配置、体验优雅的统计图表库,致力于帮助用户以最小成本生成高质量统计图表。
G2Plot
最初诞生于阿里经济体BI产品真实场景的业务诉求。
AntV_官方
·
2020-08-22 14:54
可视化
图表工具
图表库
前端
javascript
十 AntV
AntV包括以下解决方案:G2:可视化引擎
G2Plot
:图表库G6:图可视化引擎Graphin:基于G6的图分析组件F2:移动可视化方案ChartCube:AntV图表在线制作L7:地理空间数据可视化G2
十丈_红尘
·
2020-07-23 10:00
antd less加载报错.bezierEasingMixin()解决
环境介绍vue+ts+antdpackage.json文件展示"dependencies":{"@antv/data-set":"^0.11.1","@antv/g2":"^4.0.0","@antv/
g2plot
Urmsone
·
2020-07-13 01:11
前端
Antv
G2plot
学习笔记(一)
AntvG2plot学习笔记(一)官方网址:https://g2plot.antv.vision/zh在执行官方的实例中,发现无法将数据进行图表展示,经过好友的分享和实践发现是出在变量引用不到的问题,之前的constlinePlot=newLine()无法获取到,修改为G2Plot.Line()即可,下面是我写的实例,仅供参照。constdata=[{year:'1991',value:3},{y
小小的爬虫
·
2020-06-29 08:27
前端
html
javascript
基于AntV图表库的Ant DeSign Charts图表展示的简单应用
最近在接触学习antd的社区精选组件,上一篇文章主要是讲了高德地图的应用,这次我们就来分享下
G2Plot
在react中实现可视化数据图表的简单应用。
请给我一杯冰可乐
·
2020-06-12 16:00
[FE]
G2Plot
更新图表的两种方式
第一种是使用
G2Plot
对象上的changeData方法,如果不涉及到全局title等这些的更改,可以采用这种方式。也就是说,只有纯数据方面的变动,使用changeData更新图表数据效率最高。
ercom
·
2020-05-24 18:00
[FE]
G2Plot
在 Vue 中使用 CDN 方式避免构建时增大 js 体积
以
G2Plot
为例,实际在build构建时,会下载一些额外字体到vendor.xx.js中。
ercom
·
2020-05-23 21:00
上一页
1
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他