一、缩放（zoom） 1、重置缩放比例按钮 2、选中样式 3、事件 二、平移（panning） 图表缩放指的是局部放大或缩小图表，可以更方便的查看图表数据。 Highcharts支持两种方式缩放，缩放（zoom）和平移（panning）， 并且是完美支持移动端手势操作的 。 一、缩放（zoom） 只需要简单设置 zoomType 即可...

配置 全局配置 配置 该配置用于更改图表的行为。用属性来控制样式，字体，图例等。 全局配置 此概念在Chart.js 1.0中引入，以保持配置DRY ，并允许跨图表类型全局更改选项，避免为每个实例指定选项或特定图表类型的默认值。 Chart.js将传递给图表的选项对象与使用图表类型默认值的全局配置合并，并适当缩放默认值。这样您可以按照您在单...

图表交互 激活 选中 示例：地图省市下钻 图表交互 G2 默认内置的交互包括： active 激活； select 选中。 激活 开启以及关闭 shape 对于鼠标 hover 时的响应效果，G2 默认为各个 shape 内置了 active 效果。 geom . active ( false ); // 关闭默认响应 geo...

创建图表 图表容器 图表样式 其他配置 图表宽度自适应 图表动画 创建图表 本节主要讲解如何创建以及配置 Chart 图表对象，主要内容包括图表容器全局样式配置、绘图区、图表宽度自适应等相关内容。 图表容器 < div id = "c1" ></ div > 实例化 Chart 对象时，绑定 dom 容器的方式有...

Charts图表 代码演示 API ChartCard MiniBar MiniArea MiniProgress Bar Pie Radar Gauge WaterWave TagCloud TimelineChart Field Charts图表 Ant Design Pro 提供的业务中常用的图表类型，都是基于 G2...

图表图库 1 指标 1.1 仪表盘 1.2 水波图 1.3 指标卡 2 表格 2.1 汇总表 2.2 明细表 2.3 透视表 2.4 热力图 3 线/面图 3.1 基础折线图 3.2 堆叠折线图 3.3 面积图 4 柱状图 4.1 基础柱状图 4.2 堆叠柱状图 4.3 横向柱状图 4.4 横向堆叠柱状图 4.5 分组柱状图...

图表图库 1 指标 1.1 仪表盘 1.2 水波图 1.3 指标卡 2 表格 2.1 汇总表 2.2 明细表 2.3 透视表 3 线/面图 3.1 基础折线图 3.2 堆叠折线图 3.3 面积图 4 柱状图 4.1 基础柱状图 4.2 堆叠柱状图 4.3 横向柱状图 4.4 横向堆叠柱状图 4.5 分组柱状图 4.6 分组堆...

图表概述 1 功能概述 2 图表类型 3 功能区介绍 图表概述 1 功能概述 图表属于仪表板功能中重要的一部分，可通过简单的拖拉拽将数据集中的数据做成各种图表，并设置图表的颜色、大小、标签、图例、标题等属性。 2 图表类型 指标（仪表盘、水波图、指标卡） 表格（明细表格、汇总表格、透视表格） 线/面图（基础折线图、面积图、堆叠折线图） 柱...

图表概述 1 功能概述 2 图表类型 3 功能区介绍 图表概述 1 功能概述 图表属于数据大屏功能中重要的一部分，可通过简单的拖拉拽将数据集中的数据做成各种图表，并设置图表的颜色、大小、标签、图例、标题等属性。 2 图表类型 指标（仪表盘、水波图、指标卡） 表格（明细表格、汇总表格、透视表格） 线/面图（基础折线图、面积图、堆叠折线图） ...