G2Plot 是在 G2 基础上,屏蔽复杂概念的前提下,保留G2 强大图形能力,封装出业务上常用的统计图表库。 G2Plot 是一个基于配置、体验优雅、面向数据分析的统计图表库,帮助开发者以最小成本绘制高质量统计图表。 那么对于很多 Python 语言环境的同学,如何使用 G2Plot 在进行数据分析之后的可视化呢?也就是 如何将 G2Plot 和 Python 结合起来? 这里给出的就是基于 G2Plot 封装出 PyG2Plot,欢迎帮我充一下 Star。 image (1).png 最后 欢迎给个 Star ♂️ AntV G2Plot PyG2Plot 最后有任何的特性支持和 bug 反馈,欢迎 issue 或者 PR。
下面看一下我在实际开发中的几个案例 几个案例 第一个案例是,在一个折线图中,为y轴设置最小值,我是这样向AI提问, 在antv g2plot 的折线图表中,如何设置y轴的最小值? 给出的答案是 : 在 AntV G2Plot 的折线图表中,可以通过修改 Y 轴的 min 属性来设置 Y 轴的最小值。 在绘制图形的属性介绍中,没有关于r参数的介绍, 其实这也是 g2plot 文档留下的坑。每个属性并没有解释到很具体。 当然这个问题你也可以问AI,你可以这样提问: 请详细介绍一下AntV G2Plot 图表中涉及的组件名词,英文及作用, AI 大致会给出这样的答案: AntV G2Plot是一款基于G2的可视化图表库 以上这些组件都是AntV G2Plot中常用的组件,在使用G2Plot进行可视化图表开发时,这些组件都是需要用到的。 在我们了解这些名词时,需要和图表具体看到UI对应起来。
PyG2Plot 是@AntV/G2Plot 在 Python3 上的封装。G2Plot 是一套简单、易用、并具备一定扩展能力和组合能力的统计图表库,基于图形语法理论搭建而成。 后来又在其基础上,封装出业务上常用的统计图表库——G2Plot。 ? 不过现在Python这么热,几乎每一个nb的前端可视化库,最终都会被用python开发一套生成相应html的库! plot.set_options(options: object): 给图表实例设置一个 G2Plot 图形的配置。 PyG2Plot 原理其实非常简单,其中借鉴了 pyecharts 的实现,但是因为蚂蚁金服的 G2Plot 完全基于可视分析理论的配置式结构,所以封装上比 pyecharts 简洁非常非常多。
PyG2Plot 可视化 这个Python可视化新秀,在GitHub上是这样介绍的: PyG2Plot 是@AntV/G2Plot 在 Python3 上的封装。 G2Plot 是一套简单、易用、并具备一定扩展能力和组合能力的统计图表库,基于图形语法理论搭建而成。 后来又在其基础上,封装出业务上常用的统计图表库——G2Plot 。 不过现在Python这么热,几乎每一个nb的前端可视化库,最终都会被用python开发一套生成相应html的库! plot.set_options(options: object): 给图表实例设置一个 G2Plot 图形的配置。 PyG2Plot 原理其实非常简单,其中借鉴了 pyecharts 的实现,但是因为蚂蚁金服的 G2Plot 完全基于可视分析理论的配置式结构,所以封装上比 pyecharts 简洁非常非常多。
PyG2Plot 是@AntV/G2Plot 在 Python3 上的封装。G2Plot 是一套简单、易用、并具备一定扩展能力和组合能力的统计图表库,基于图形语法理论搭建而成。 后来又在其基础上,封装出业务上常用的统计图表库——G2Plot。 ? 不过现在Python这么热,几乎每一个nb的前端可视化库,最终都会被用python开发一套生成相应html的库! plot.set_options(options: object): 给图表实例设置一个 G2Plot 图形的配置。 PyG2Plot 原理其实非常简单,其中借鉴了 pyecharts 的实现,但是因为蚂蚁金服的 G2Plot 完全基于可视分析理论的配置式结构,所以封装上比 pyecharts 简洁非常非常多。
以下文章来源于MSReactor ,作者陈超超 背景 目前 Blazor 中可用的图表组件库主要有以下几个: ant-design-blazor/ant-design-charts-blazor -基于G2Plot ant-design-charts-blazor举例 大致逻辑如下: 首先通过IJSRuntime接口与自己开发的own.js进行交互 own.js中对图表库的api做了简单封装,主要目的是减少.razor与G2Plot 的交互,毕竟IJSRuntime接口调用js对象没有js之间直接相互调用方便 G2Plot会在Canvas中绘制出图表 图表中的一些事件通过own.js进行捕捉后通过IJSRuntime反馈给.razor ant-design-charts-blazo r的技术实现方式,可详见我之前的文章《用Blazor技术封装G2Plot实现Charts组件》(https://zhuanlan.zhihu.com/p
总结而言,相对于一般最基础的散点图,该图表有以下难点 四个方位的辅助文本 “本校”,“全体”点的特殊图标 “全体”点的的两条蓝线 最终效果图 先看一下图表的最终效果 实现步骤 这个图我是使用G2Plot 由于是散点图,所以使用的是G2Plot中Scatter 模块。 基础简单散点图实现 import { Scatter } from '@antv/g2plot'; fetch('https://gw.alipayobjects.com/os/antfincdn/j5ADHaMsZx height: 500px; width: 500px">
下面代码演示了如何使用 antv/g2plot 创建一个散点图,并对其进行基本的样式和布局配置。 style="height: 500px; width: 500px">
[G2 图表] 此外,还有 G2Plot,基于 G2,是一套开箱即用、易于配置、具有良好视觉和交互体验的 通用统计图表库。在 G2 的基础上,添加了更多图表类型,易用性进一步提升。 [G2Plot] F2 区别于 G2,F2 是一个 专注于移动端、开箱即用的可视化解决方案,完美支持 H5 环境同时兼容多种环境(Node, 小程序,Weex),完备的图形语法理论,满足你的各种可视化需求
还支持使用第三方库进行数据可视化 使用 bokeh 进行数据可视化[6] 使用 plotly 进行数据可视化[7] 使用 pyecharts 创建基于 Echarts 的图表[8] 使用 pyg2plot 创建基于 G2Plot app=pyecharts [9] 使用 pyg2plot 创建基于 G2Plot 的图表: http://pywebio-charts.pywebio.online/?
完整代码 将一些代码复制到 案例的编辑器中,即可看到效果 import { Mix } from '@antv/g2plot'; const data = [ { xCategory: '识记',
ChartCube 设置好的图表还能直接导出基于阿里 G2Plot 前端图表库的代码。 拷贝到项目代码中即可使用,有点感人。 这样优秀的免费工具,小伙伴们赶紧试试吧!
DataRoom 是一款基于 SpringBoot + Vue 技术栈构建的开源大屏设计器,集成了 MyBatis-Plus、ElementUI、ECharts、G2Plot 等主流前端与后端生态。
AntV 包含 G2、G6、F2、L7 以及一套完整的图表使用和设计规范, 提供强大的数据可视化需求 G2Plot 基于G2封装的开箱即用的可视化组件库 recharts 使用React和D3构建的自定义的图表库
嗨,大家好,我是小华同学,关注我们获得“最新、最全、最优质”开源项目和高效工作学习方法 GCPAAS/DashBoard,一款基于SpringBoot、MyBatisPlus、ElementUI、G2Plot
还支持使用第三方库进行数据可视化 使用 bokeh 进行数据可视化 使用 plotly 进行数据可视化 使用 pyecharts 创建基于 Echarts 的图表 使用 pyg2plot 创建基于 G2Plot
前端:JavaScript、 H5、 MVVM、 Router、 Angular CLI、 Angular、 NG-ZORRO、 NG-ALAIN、 G2Plot、 RxJS、 TypeScript、
前端:JavaScript、 H5、 MVVM、 Router、 Angular CLI、 Angular、 NG-ZORRO、 NG-ALAIN、 G2Plot、 RxJS、 TypeScript、
react-highlight-words 基于 React 的关键字高亮 WaterMark 水印组件 数据可视化 AntV 包含 G2、G6、F2、L7 以及一套完整的图表使用和设计规范, 提供强大的数据可视化需求 G2Plot