-
legend 图例
[TOC] legend 图例 简介如何配置图例图例样式设置图例项样式设置图例的选择模式设置自定义 html 图例自定义图例常见问题简介图例（legend）是图表的辅助元素，使用颜色、大小、形状区分不同的数据类型，用于图表中数据的筛选。G2 会根据设置图形属性映射以及数据的类型自动生成不同的图例。 shape, color, size 这三个图形属性如果... -
G2 图形语法简介
G2 图形语法简介 G2 图形语法简介 图形语法的组成语法突破场景绘制散点图设置数据源图形语法geom 选择attr 图形属性映射coord 坐标系facet 分面图表辅助元素图形语法的组成G2 的强大是由其背后的一套图形语法所支撑的，它基于《The Grammar of Graphics》(Leland Wilkinson 著)一书，是一套用来描述所... -
Canvas
Canvas Canvas Canvas概述直线——line属性x1y1x2y2arrowlineWidthlineDashstrokestorkeOpacity方法getPoint参数返回二阶bezier曲线——quadratic属性p1p2p3arrowstrokestorkeOpacity方法getPoint参数返回三阶bezier曲线——cub... -
Text 组件
文本 Text Text 组件为 gameObject 提供了展示文字的能力，使用了 Text 组件后，gameObject 的宽度会在下一帧设置文字所占区域的宽度给 Transform。 Demo 安装 使用 NPM npm i @eva / plugin - renderer @eva / plugin - renderer - text ... -
数据处理
数据处理 对从内容页面提取的数据进行进一步处理，可以同时添加多个操作，按照从上到下的顺序来执行。 也就是说，上个步骤的结果会作为下个步骤的参数。 2）内容替换/排除：将采集到的内容进行字符串替换，如需排除，则替换为空字符串即可 3）html标签过滤：过滤指定html标签，比如<a ，<font 4）字符截取：通过开始和结束字符串对内容进行... -
yarn info
显示一个包的信息。 yarn info [] 这个命令会拉取包的信息并返回为树格式，包不必安装到本地。 yarn info react yarn info vx . x . x { name : 'react' , version : '15.4.0-rc.2' , description : 'React i... -
文本标签配置
文本标签配置 文本标签配置 简介 如何显示文本标签 文本标签类型 标签布局 文本标签配置 文本标签配置 简介 在图表中，标签是对当前的一组数据进行的内容标注。文本标签可包括数据点、拉线、文本数值等元素，根据不同的图表类型选择使用。 如何显示文本标签 文本标签对应每一条数据记录，G2 除了提供文本标签的显示功能外，用户还可以指定显示... -
自定义主题
自定义主题 自定义主题 定义全新的主题结构 主题属性 自定义主题样式表 主题样式表结构 G2 主题配置项详解 基础配置 图形属性映射 图形样式 图表组件 坐标轴 图例 Tooltip Annotation Labels 自定义主题 自定义主题 G2 提供了自定义主题机制以允许用户切换、定义图表主题。包括： 定义全新的... -
使用滑块
使用滑块 使用滑块 使用方式 配置项 实例 使用滑块 使用滑块 在 G2 绘制大数据量图表的时候，Slider 可以作为数据范围的选择插件，尤其适用于大数据量的图表绘制，帮助用户更好地关注某一范围的数据可视化结果。 如下图所示： Slider 在 G2 4.0 中作为内置组件，方便使用。 使用方式 按需引入 如果使用 G2 c... -
自定义 Shape
自定义 Shape 自定义 Shape 简介 接口定义 快速上手 第一步，注册 ‘triangle’ shape 第二步，使用 自定义 Shape 自定义 Shape 简介 自定义 Shape 可以很好地支持部分有 高订制需求的 图表可视化需求。这也是 G2 在向 可编程可视化引擎 迈出的重要一步。在使用自定义 Shape 之前，需...
