-
Frame 常见操作
Frame 常见操作 Frame 常见操作 简介创建 Frame使用 Frame 处理数据合并多列 Frame.combinColumns调试时输出更多简介在 data 数据章节我们了解了 Frame 数据集对象，通过将 JSON 数组转换为 Frame 对象，可以方便快捷得进行数据的各种操作。 创建 Frame通过 G2.Frame 来获取 Fram... -
安装依赖项
如果刚从版本控制系统里 checkout 一个包，则需要为其安装依赖。 如果是为现有的包增加依赖，那么这些新的依赖会自动安装。 安装依赖项 yarn install 是用于安装一个项目的所有依赖。 Yarn会从package.json 中读取依赖，并将依赖信息存储到yarn.lock 中。 如果你正在开发一个包，通常你会在以下情况之后进行依... -
G2 基础概念概览
G2 基础概念概览 图形语法 交互语法 View 视图 图表组成 坐标轴 Axis 图例 Legend 几何标记 Geometry 提示信息 Tooltip 图形标记 Annotation G2 基础概念概览 阅读时间约 1 分钟 为了更好得使用 G2 进行数据可视化，我们需要了解 G2 的图表组成以及相关概念。 图形语法 G2... -
文本标签配置
文本标签配置 文本标签配置 简介 如何显示文本标签 文本标签类型 标签布局 文本标签配置 文本标签配置 简介 在图表中，标签是对当前的一组数据进行的内容标注。文本标签可包括数据点、拉线、文本数值等元素，根据不同的图表类型选择使用。 如何显示文本标签 文本标签对应每一条数据记录，G2 除了提供文本标签的显示功能外，用户还可以指定显示... -
使用 ECharts GL 实现基础的三维可视化
使用 ECharts GL 实现基础的三维可视化 如何下载和引入 ECharts GL 声明一个基础的三维笛卡尔坐标系 绘制三维的散点图 使用真实数据的三维散点图 利用 visualMap 组件对三维散点图进行视觉编码 在笛卡尔坐标系上显示其它类型的三维图表 老板想要立体的柱状图效果 使用 ECharts GL 实现基础的三维可视化 使... -
attr 图形属性
attr 图形属性 attr 图形属性 简介G2 调用语法position 位置属性position(xy)position((x+y)z)嵌套统计函数color分类数据的颜色映射连续数据的颜色映射颜色使用回调函数shapegeom 和 shape示例:划分区域的多形状散点图使用回调函数size回调函数的使用opacityGeom 支持的图形属性简介图... -
label 文本标签
label 文本标签 label 文本标签 简介如何使用格式化文本自定义 html 文本使用统计函数简介恰当的文本标注可以提高可视化图表的可读性。除了提供文本标签标注的功能之外，G2 还支持文本的格式化以及自定义 html 文本标签的功能。 如何使用在每个几何标记 geom 上调用 label 方法，指定需要显示的数据维度即可： // 指定显示文本... -
实例学习: 宝物猎人
实例学习: 宝物猎人 代码结构 用 setup 函数初始化游戏 创建游戏场景 制作地牢，门，猎人和宝藏 制造泡泡怪们 制作血条 制作消息文字 开始游戏 移动探险者 控制运动的范围 移动怪物 检测碰撞 处理到达出口和结束游戏 实例学习: 宝物猎人 宝藏猎人 。（你能在examples 文件夹中找到它。） 宝藏猎手是一个简单的完整... -
快速上手
[TOC] 快速上手G2特性安装浏览器引入通过 npm 安装开始使用浏览器引入方式1. 创建 div 图表容器2. 编写图表绘制代码在 React / Vue / Angular 中使用 G2体验改进计划说明 快速上手 G2 G2 是一套基于可视化编码的图形语法，以数据驱动，具有高度的易用性和扩展性，用户无需关注各种繁琐的实现细节，一条语句即可构建出... -
JavaScript 和 Gulpfile
[TOC] JavaScript 和 GulpfileGulpfile 详解Gulpfile 转译Gulpfile 分割 JavaScript 和 Gulpfile Gulp 允许你使用现有 JavaScript 知识来书写 gulpfile 文件，或者利用你所掌握的 gulpfile 经验来书写普通的 JavaScript 代码。虽然gulp 提供了...
