-
坐标系详解
坐标系详解 坐标系详解 简介G2 支持的坐标系坐标系和图形直角坐标系极坐标系层叠柱状图到嵌套环图层叠柱状图到饼图坐标系和视觉通道坐标系的接口设计属性方法极坐标的特殊属性简介在视觉通道中识别度最高，同时支持定性（分类）数据和定量数据的视觉通道是位置 position。数据会被映射到空间的位置上，我们将这个空间定义成坐标系。常见的坐标系： 直角坐标系（笛... -
自定义动画
自定义动画 自定义动画 简介1分钟上手自定义动画第一步：获取 Animate 对象第二步：自定义动画（核心）第三步：注册动画第四步：绘制柱状图，配置动画参数简介2.1.x 版本后，G2 有了简单的自定义动画的方法，发展到现在的 2.3.x 版本，我们给自定义动画设计了一套更加完善的体系和接口，让用户能更系统、更全面的控制 G2 的动画。 动画注册 An... -
准备
准备 所有渲染相关的操作依赖渲染器，该渲染器是以系统的形式提供出来的，所以我们需要在初始化游戏的时候将渲染器安装到游戏上。目前 Eva.js 提供了一个 2D 的渲染器，在使用渲染相关组件的时候需要提前安装。 安装 使用 NPM npm i @eva / plugin - renderer 在浏览器中 <!-- import PixiJS ... -
数据管理
数据管理 介绍 在 react/vue 中，我们经常使用 redux/vuex 来进行数据管理，维护一套统一的数据，在 Eva.js 体系下，我们设计了一套数据管理系统，叫做 EVAX，通过 EVAX 我们可以维护一份共有数据，多个不同的对象上的组件可能会使用同一份数据进行逻辑运行。 比如游戏中的生命值，不仅在人的头顶上会显示，游戏中的人物也会根据生... -
游戏 Game
游戏 Game Game 是游戏对象，通过 Game 实例上的方法，控制游戏暂停、继续。通过将 System 添加到 Game 上让游戏能够支持不同的能力，这些能力都是通过组件添加到 GameObject 上展现出来的。 创建游戏 <style> #canvas { width : 100 %; height : ... -
G2 设计思路
G2 设计思路 G2 设计思路 可视化框架的构成 G2 的框架结构 数据处理模块 图形映射模块 辅助信息 图形展示 数据到图形映射的流程 G2 数据转换流程 G2 设计思路 G2 设计思路 可视化框架的构成 数据可视化的本质是：将数据映射到图形，同时增加一些辅助信息，让用户读懂数据 。 根据这一点我们可以推导出一个可视化框架需要... -
式样
式样 式样 输入框 上下箭头 运算 模糊值 返回画布 拖放 删去无用式样 复制粘贴式样 对齐 图层透明度快捷键 式样 式样 检查器会显示出所选图层的一切式样选项。 从共享式样开始，接着是通用透明度、通用混合模式，再下面是填充、边框、阴影、模糊和镜像，我们会在本手册中分章节一一介绍，但是现在我们想先讨论几个通用的小技巧。 输... -
常见问题
常见问题 常见问题 图表如何支持自适应宽度如何格式化坐标轴文本怎么控制坐标轴刻度线个数以及刻度线的间距如何控制坐标轴的显示的数值范围如何格式化图例的显示文本如何设置图例项的初始状态如何绘制多 y 轴图表如何绘制混合图表如何修改 tooltip 的显示内容如何导出图片 图表如何支持自适应宽度如何格式化坐标轴文本怎么控制坐标轴刻度线个数以及刻度线的间距如何... -
数据类型与度量
数据类型与度量 数据类型与度量 简介数据类型数据自然的分类数据是否连续数据类型与度量 scaleG2 的度量类型属性和接口设计linearcattimelogpowtimeCat度量坐标点的计算分类度量的计算连续数据度量的计算时间类型的度量计算坐标点简介数据可视化的本质就是将数据映射到图形，但是不同类型的数据适合的图形属性不同，可视化的结果也会因此不同...
