<chart>
元素定义图表,可写入类型属性:
type
:用于定义图表的类型,支持:
图表分类 | 图表类型 | 说明 |
---|---|---|
二维图表 | 折线图 柱状图 面积图 散点图 气泡图 |
type="line" type="bar" type="area" type="scatter" type="bubble" |
一维图表 | 分组饼图 指标饼图 分组环图 指标环图 分组玫瑰图 指标玫瑰图 嵌套饼图 数字单值图 仪表单值图 占比图 中国地图 世界地图 城市气泡图 中国迁徙图 世界迁徙图 雷达图 多重雷达图 旭日图 |
type="pie-bucket" type="pie-metric" type="pie-ring-bucket" type="pie-ring-metric" type="pie-rose-bucket" type="pie-rose-metric" type="pie-nest" type="single-value" type="single-gauge" type="single-percent" type="map-china" type="map-world" type="city-bubble" type="migration-china" type="migration-world" type="radar-bucket" type="radar-metric" type="sunburst" |
其他 | 网格数据表 树状数据表 环形关系图 弧形关系图 时间轴 二级桑基图 多级桑基图 |
type="grid-table" type="tree-table" type=“relationCircular” type=“relationHorizontal” type="timeline" type=“sankey-compatible” type=“sankeyStrict” |
- 二维图表公共子元素
子元素 | 说明 |
---|---|
<title> |
表示图表的标题, 详解参见<title> 元素 |
<search> |
表示图表的搜索条件, 详解参见<search> 元素 |
<hide-header> |
表示是否隐藏图表的 header,详解参见<hide-header> 元素 |
<option> |
option 元素可为图表提供一些通用属性, 不同图表支持的 option 属性不同, 详情参见具体图表的<option> 元素。 |
<legend> |
图表的图例配置, 详解参见二维图表<legend> 元素 |
<groups> |
表示图表中折线颜色的分组字段配置,详见<groups> 元素 |
<x-axis> |
表示图表的主轴的一些配置, 详解参见<x-axis> 元素 |
<y-axis> |
表示图表的 y 轴的一些配置, 详解参见<y-axis> 元素 |
<y2-axis> |
线图面积图里可以有 2 个 y 轴,分别表示不同的指标配置, 详解参见<y2-axis> 元素 |
- 一维图表子公共元素
子元素 | 说明 |
---|---|
<option> |
option元素可为图表提供一些通用属性, 不同图表支持的 option 属性不同, 详情参见具体图表的<option> 元素。 |
<title> |
表示图表的标题, 详解参见<title> 元素 |
<hide-header> |
表示是否隐藏图表的 header |
<search> |
表示图表的搜索条件, 详解参见<search> 元素 |
- 一维图表每种图表类型特有的子元素
1.分组饼图、指标饼图、分组玫瑰图、指标玫瑰图、中国地图、世界地图
子元素 | 说明 |
---|---|
<legend> |
图表的图例配置, 详解参见一维图表<legend> 元素 |
2.分组环图、指标环图
子元素 | 说明 |
---|---|
<data-font> |
标题的数值字体,详见<data-font> 元素 |
<title-font> |
标题字体,详见<title-font> 元素 |
3.数字单值图
子元素 | 说明 |
---|---|
<data-font> |
标题的数值字体,详见<data-font> 元素 |
<color-splitter > |
阈值分段情况,可配置多个,详见<color-splitter> 元素 |
<prefix> |
可给数值填充前缀 |
<suffix> |
可给数值填充后缀 |
4.仪表单值图、占比图
子元素 | 说明 |
---|---|
<data-font> |
标题的数值字体,详见<data-font> 元素 |
<title-font> |
标题字体,详见<title-font> 元素 |
<color-splitter > |
阈值分段情况,可配置多个,详见<color-splitter> 元素 |
5.雷达图
子元素 | 说明 |
---|---|
<legend> |
图表的图例配置, 详解参见一维图表<legend> 元素 |
<indicator> |
指示器配置详情,可配置多个 ,详见<indicator> 元素 |
- 其他图表类型公共子元素
元素签 | 说明 |
---|---|
<option> |
option 元素可为图表提供一些通用属性, 不同图表支持的 option 属性不同, 详情参见具体图表的<option> 元素。 |
<title> |
表示图表的标题, 详解参见<title> 元素 |
<hide-header> |
表示是否隐藏图表的 header |
<search> |
表示图表的搜索条件, 详解参见<search> 元素 |
- 其他图表每种图表类型特有的子元素
1.网格表、数据表
子元素 | 说明 |
---|---|
<column> |
为数据表设置每一列的显示字段以及具体的列的样式,详解参见<column> 元素 |
<row> |
根据行数据进行筛选,并设置筛选匹配的颜色,详解参见<row> 元素 |
文档反馈
(如有产品使用问题,请 提交工单)