-
个性化图表的样式
个性化图表的样式 绘制南丁格尔图 阴影的配置 深色背景和浅色标签 设置扇形的颜色 个性化图表的样式 个性化图表的样式 ECharts 提供了丰富的自定义配置选项，并且能够从全局、系列、数据三个层级去设置数据图形的样式。下面我们来看如何使用 ECharts 实现下面这个南丁格尔图： https://echarts.baidu.com/ga... -
小例子：实现日历图
小例子：实现日历图 第一步：引入js文件 第二步：指定DOM元素作为图表容器 第三步：配置参数 自定义配置参数 日历坐标系的其他形式 小例子：实现日历图 小例子：实现日历图 在ECharts中，我们新增了日历坐标系，如何快速写出一个日历图呢？ https://echarts.baidu.com/gallery/view.html?c=ca... -
自定义系列
自定义系列 自定义系列 （一）renderItem 方法 （二）使坐标轴的范围自适应数据范围 （三）设定 tooltip （四）超出坐标系范围的截取 （五）关于 dataIndex （六）事件监听 （七）自定义矢量图形 自定义系列 自定义系列 自定义系列（custom series） ，是一种系列的类型。它把绘制图形元素这一步留给开发... -
Legend 图例
[TOC] 图例如何配置图例图例整体样式设置各个图例项样式设置图例的选择模式设置使用 html 渲染图例常见问题 图例 图例（legend）是图表的辅助元素，使用颜色、大小、形状区分不同的数据类型，用于图表中数据的筛选。G2 会根据设置图形属性映射以及数据的类型自动生成不同的图例。 shape, color, size 这三个图形属性如果判断接收的... -
图表交互
[TOC] 图表交互激活选中示例：地图省市下钻 图表交互 G2 默认内置的交互包括： active 激活； select 选中。 激活 开启以及关闭 shape 对于鼠标 hover 时的响应效果，G2 默认为各个 shape 内置了 active 效果。 geom.active(false); // 关闭默认响应geom.active(tr... -
图形语法简介
[TOC] 图形语法图形语法的组成语法突破场景绘制散点图设置数据源图形语法geom 选择attr 图形属性映射coord 坐标系facet 分面图表辅助元素 图形语法 图形语法的组成 G2 的强大是由其背后的一套图形语法所支撑的，它基于《The Grammar of Graphics》(Leland Wilkinson 著)一书，是一套用来描述所有统... -
列表上下页分页
起始网址 —批量网址 设置是最常见也是最常用的。 列表上下页无限分页 采集获取功能来自动获取分页。使用这个功能，起始页就只需要把首页地址添加进去就可以了，如下图： 然后进入[高级模式]-分页设置，设置区域开始字符串、区域结束字符串、地址样式、分页地址等字段。 http://news.qq.com/newsgn/zhxw/... -
模板目录结构
系统的模板目录在系统根目录下的templets内，下面是模板目录的文件目录结构。 templets ┣━ default ······································· 默认模板目录 ┃ ┣━ style ···································... -
基础教程
基础教程 基础教程 G2 图表的主要组成图表对象配置（chart）data 数据Frame 常见操作度量列定义操作geom 几何标记attr 图形属性coord 坐标系axis 坐标轴legend 图例tooltip 提示信息guide 辅助标记stat 统计变换facet 分面theme 图表样式label 文本标签图表事件 event图表交互数据异... -
Geom 几何标记
[TOC] 什么是几何标记如何声明几何标记几何标记类型几何标记和图表类型geom 对象方法几何标记和图形形状 什么是几何标记 即我们所说的点、线、面这些几何图形。G2 中并没有特定的图表类型（柱状图、散点图、折线图等）的概念，用户可以单独绘制某一种类型的图表，如饼图，也可以绘制混合图表，比如折线图和柱状图的组合。 G2 生成的图表的类型，都是由几何标...
