G2Plot下载-G2Plot v2.3.17

软件介绍

G2Plot是一款非常专业且优秀的通用统计图表库，该图表库最大的特点就是简单、易用，除此之外还具备了一定的扩展能力以及组合能力，基于图形语法理论搭建而成，软件提供了良好的视觉效果和交互体验，配置项优化精简，仅需几行代码即可轻松生成完整的图表，同时软件还提供了响应式网站图表，能够有效确保图表在任何显示尺寸、任何数据状态下的可读性，有了这款软件您就再也不用担心不能制作出标准精美的统计图表了，适用于任何类型的用户，需要的话就赶快下载试试吧！

软件功能

可自定义设置图表宽度、图表高度、图表渲染方式

图形在x方向对应的数据字段名，一般是横向的坐标轴对应的字段。比如：要看不同班级的人数情况，那么班级字段就是对应的xField

图形在y方向对应的数据字段名，一般是纵向的坐标轴对应的字段。比如：要看不同班级的人数情况，那么人数字段就是对应的yField。

分组字段。用于同时看一个维度中不同情况的指标需求。比如：我们看不同大区最近30天的销售额趋势情况，那么这里的大区字段就是seriesField。

全局化配置图表数据元信息，以字段为单位进行配置，来定义数据的类型和展示方式。在meta上的配置将同时影响所有组件的文本信息。

折线图形样式。可以直接传入ShapeStyle结构，也可以使用回调函数的方式，针对不同的数据，来返回不同的样式

可设置tooltip内容框是否跟随鼠标移动

也可设置tooltip是否允许鼠标滑入。

软件特色

开箱即用

配置项优化精简，仅需几行代码轻松生成图表

默认好用

即使你是可视化或设计小白，也能制作优雅、标准的统计图表

响应式图表

保证图表在任何显示尺寸、任何数据状态下的可读性

图表实验室

来这里尝试一下我们正在开发中的高级图表功能

官方教程

安装

浏览器引入

既可以通过将脚本下载到本地也可以直接引入在线资源。

通过npm安装

我们提供了G2Plot的npm包，通过下面的命令即可完成安装：

成功安装完成之后，即可使用import或require进行引用：

快速使用

在G2Plot引入页面后，我们就已经做好了创建第一个图表的准备了。下面以一个基础折线图为例开始我们第一个图表的创建。

step1:创建图表容器

step2:引入数据。G2Plot的数据源格式是JSON数组，数组的每个元素是一个标准JSON对象，部分图表除外。

step3:创建并渲染图表

最终效果：

个性化设置

图表元素的视觉样式采用默认主题的样式，还没有经过特别定制，图表主体中的文本元素也没有进行格式化，我们可以根据需求对图表进行各种个性化设置，更多多配置请参考图表API。

最终效果：

通过上面由浅入深的教程，你应该已经基本了解G2Plot的使用方法了，不过这远远不是终点，G2Plot还有很多有趣的配置和特性等待你的尝试和探索。更多基础功能请参考各图表配置项。

创建图表实例

所有图表的创建，都是一样的，从G2Plot中引入对应的Plotclass，然后创建实例，构造函数有两个参数：

创建好的图表实例，都具有两个公开属性：

containerHTMLElement:图表渲染的DOM容器。

optionsPlotOptions:图表当前的所有全量配置项options，是有用户传入，以及图表内置的默认配置项合并之后结果。

对于API，分别罗列图表实例的所有API方法。如果按照功能分类，主要可以分成为：生命周期函数、事件、状态量等API

绘图属性

G2Plot使用G作为绘图引擎，一些图形的样式配置，如折线图的lineStyle，柱状图的columnStyle等，还有部分组件的样式配置，如label.style，axis.line.style等，都是直接透传G的绘图属性。

为了方便用户使用，在这里对G2Plot常用的绘图属性进行简单的介绍：

配置图形样式

示例代码，使用全量图形样式配置Column(基础柱状图)的柱形图形样式ColumnStyle：

效果：

配置线的样式

示例代码，使用全量图形样式配置Line(基础折线图)的折线图形样式LineStyle：

效果：

配置文字样式

示例代码，以Liquid（水波图)的statistic.style配置为例：

效果：

更新日志

DocumentationChanges

G2PlotCalendar:补充组合图表demo&增加一个插件图表(#2448)(772155db)

scrollbar:补充滚动条滑块的高亮色文档(#2449)(bfd9e24d)

label-line:类型定义补全(#2443)(33dfa3b1)

tooltip:更新tooltip关于marker的文档(#2439)(9836e08c)

NewFeatures

liquid:水波图支持跟随主题色&水波图支持outline配置样式&文档以及demo优化(#2455)(04f2a66c)

scatter:散点图支持color和shape同时映射图例字段&添加单测(#2406)(c7b7724e)

area:面积图支持startOnZero(#2444)(1cdea551)

conversion-tag:转化分析tag添加elements信息,方便业务上使用(#2441)(706942a7)

BugFixes

dual-axes:双轴图theme主题设置(#2451)(69bf536d)

radial-bar:修复玉钰图存在非法数据崩溃问题(#2394)(#2447)(0f2bd788)

Tags:G2Plot下载,G2Plot,图表库