-
coord 坐标系
coord 坐标系 coord 坐标系 简介如何设置坐标系坐标系类型及配置坐标系配置坐标系变换相关实例简介坐标系是将两种位置标度结合在一起组成的 2 维定位系统，描述了数据是如何映射到图形所在的平面。 G2 包含了 8 种不同的坐标系，目前所有的坐标系均是 2 维的。 如何设置坐标系G2 默认提供的坐标系类型为笛卡尔坐标系，当不满足用户需求时，可以通过... -
几何标记和数据调整
几何标记和数据调整 几何标记和数据调整 调用语法为什么进行数据调整数据调整类型stack适合的数据类型适合的几何标记jitter适合的数据类型适合的几何标记dodge适合的数据类型适合的几何标记symmetric适合的数据类型适合的几何标记调用语法G2 默认提供了如下 8 种几何标记和数据调整组合，直接通过如下代码即可调用： chart . inte... -
创建图表
[TOC] 创建图表图表容器图表样式其他配置图表宽度自适应图表动画 创建图表 本节主要讲解如何创建以及配置 Chart 图表对象，主要内容包括图表容器全局样式配置、绘图区、图表宽度自适应等相关内容。 图表容器 <div id="c1"></div> 实例化 Chart 对象时，绑定 dom 容器的方式有两种： 传入 dom 容器的 id ... -
Event 图表事件
[TOC] 图表事件如何使用示例 1：饼图点击跳转示例 2：动态改变 tooltip 显示信息 图表事件 chart 对象提供了各种事件支持，以响应用户的操作，方便用户扩展交互。开发者可以监听这些事件，然后通过回调函数做相应的处理，比如跳转到一个地址，或者弹出对话框，或者做数据下钻等等。 G2 中的事件用法如下： chart.on('eventTy... -
Slider 数据滑动条
[TOC] 简介Slider 工作原理如何使用 Slider 组件引入 Slider 组件创建 Slider 的 dom 容器创建 Slider 组件对象并渲染快速上手 简介 用于数据范围的选择插件，尤其适用于大数据量的图表绘制，帮助用户更好地关注某一范围的数据可视化结果。 如下图所示： Slider 工作原理 Slider 组件是完全基于数据的... -
选择 Canvas 还是 SVG
[TOC] 选择 Canvas 还是 SVG适用场景性能差异定制和交互小结G2 如何使用不同的渲染方案SVG demo 选择 Canvas 还是 SVG HTML5 提供了 Canvas 和 SVG 两种绘图技术，也是多数 Web 图表库使用的渲染技术。Canvas 是基于脚本的，通过 JavaScript 指令来动态绘图。而 SVG 则是使用 XML... -
G2 3.0 升级指引
[TOC] G2 3.0 升级指引引入方式的改变cdnnpm图表结构变化变更的接口废弃的类、接口、属性、事件 G2 3.0 升级指引 引入方式的改变 cdn <script src="https://gw.alipayobjects.com/os/antv/pkg/_antv.g2-3.2.7/dist/g2.min.js"></script> ... -
使用配置项创建图表
使用配置项创建图表 使用配置项创建图表 创建 Chart 配置项更新 实例 绘制柱状图 绘制多 View 使用配置项创建图表 使用配置项创建图表 G2 除了支持函数调用方式外，也支持图形语法的配置项式声明方式。 创建 Chart import { Chart } from '@antv/g2' ; char... -
几何标记与图表类型
几何标记与图表类型 几何标记与图表类型 概览 点图 point 路径和线（path && line） 区域图 area 区间图 interval 多边形 Polygon 自定义图 schema -
区间图 interval
区间图 interval 区间图 interval 简介 支持的数据格式 视觉通道 color size shape 区间图跟坐标系 区间图 interval 区间图 interval 简介 区间图（interval)是一种表示数据上下区间的图表的集合。区间图在直角坐标系下是柱状图，极坐标下是玫瑰图，是一种所以用长度、宽度、弧度、周...
