您所在的位置:下载吧 > 软件下载 > 其他软件 > 程序源码 > G2Plot(开箱即用的图表库)下载

G2Plot(开箱即用的图表库) v2.3.17 官方版

  • 软件大小:1.16 MB
  • 软件语言:简体中文
  • 更新时间:2021-03-26
  • 授   权:免费软件
  • 适用平台:WinAll
  • 推荐度: 6
  • 开发商:未知
无病毒官方版
点击查看大图
软件介绍

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

G2Plot(开箱即用的图表库)

软件功能

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

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

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

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

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

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

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

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

软件特色

  开箱即用

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

  默认好用

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

  响应式图表

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

  图表实验室

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

官方教程

  安装

  浏览器引入

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

G2Plot(开箱即用的图表库)

  通过 npm 安装

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

G2Plot(开箱即用的图表库)

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

G2Plot(开箱即用的图表库)

  快速使用

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

  step1: 创建图表容器

G2Plot(开箱即用的图表库)

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

G2Plot(开箱即用的图表库)

  step3: 创建并渲染图表

G2Plot(开箱即用的图表库)

  最终效果:

G2Plot(开箱即用的图表库)

  个性化设置

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

G2Plot(开箱即用的图表库)

  最终效果:

G2Plot(开箱即用的图表库)

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

  创建图表实例

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

G2Plot(开箱即用的图表库)

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

  container HTMLElement: 图表渲染的 DOM 容器。

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

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

  绘图属性

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

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

  配置图形样式

G2Plot(开箱即用的图表库)

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

G2Plot(开箱即用的图表库)

  效果:

G2Plot(开箱即用的图表库)

  配置线的样式

G2Plot(开箱即用的图表库)

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

G2Plot(开箱即用的图表库)

  效果:

G2Plot(开箱即用的图表库)

  配置文字样式

G2Plot(开箱即用的图表库)

  示例代码,以 Liquid (水波图) 的 statistic.style 配置为例:

G2Plot(开箱即用的图表库)

  效果:

G2Plot(开箱即用的图表库)

更新日志

  Documentation Changes

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

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

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

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

  New Features

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

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

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

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

  Bug Fixes

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

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

G2Plot(开箱即用的图表库)下载地址

你可能感兴趣的软件
每日更新软件推荐
  • 一周最热
  • 总排行榜

您可能感兴趣的专题

  • 男生必备

    男生必备

    男生们看过来!

  • 安卓装机必备

    安卓装机必备

  • 女生必备

    女生必备

      女生必备app是拥有众多女性用户的手机软件,作为一个女生,生活中像淘宝、京东这类线上购物软件可以说是少不了的,小红书这种穿搭、化妆分享平台也很受欢迎,类似于西柚大姨妈、美柚这种专为女生打造的生理期app更是手机必备,还有大家用的最多拍照美颜app是绝对不能忘记的,除此之外对于一些追星女孩来说,微博也是一个必不可少的软件。超多女生必备软件尽在下载吧!

  • 迅雷看看使用教程

    迅雷看看使用教程

    迅雷看看播放器是一款多功能在线高清多媒体视频播放器,支持本地播放与在线视频点播,采用P2P点对点传输技术,可以在线流畅观看高清晰电影。不仅如此,迅雷看看不断完善用户交互和在线产品体验,让您的工作与生活充满乐趣。

  • 驱动精灵

    驱动精灵

    驱动精灵是一款集驱动管理和硬件检测于一体的、专业级的驱动管理和维护工具。驱动精灵为用户提供驱动备份、恢复、安装、删除、在线更新等实用功能,也是大家日常生活中经常用到的实用型软件之一了。

  • 拼音输入法

    拼音输入法

    对于电脑文字输入,拼音输入法是一种非常受欢迎的输入法,搜狗拼音输入法、百度拼音输入法、QQ拼音输入法、谷歌拼音输入法、紫光拼音输入法、智能拼音输入法等,你在用哪款呢?一款好用适合自己的拼音输入法一定对您平时帮助很大!下载吧收集了最热门国人最喜欢用的拼音输入法给大家。

  • b站哔哩哔哩怎么使用

    b站哔哩哔哩怎么使用

    很多人都喜欢在b站哔哩哔哩上观看视频,不单是因为可以提前看到一些视频资源,B站的一些弹幕、评论的玩法也是被网友们玩坏了!下面下载吧小编带来了b站哔哩哔哩怎么使用的教程合集!希望能帮到你啦!

  • 抖音短视频app

    抖音短视频app

    抖音短视频app,这里汇聚全球潮流音乐,搭配舞蹈、表演等内容形式,还有超多原创特效、滤镜、场景切换帮你一秒变大片,为你打造刷爆朋友圈的魔性短视频。脑洞有多大,舞台就有多大!好玩的人都在这儿!