<option>
元素定义图表的通用属性,系统为不同图表支持不同属性。
父元素
所有图表类型均支持<option>
元素。
属性
二维图表类型的公共 <option>
标签的属性
属性 | 可选项 | 说明 | 默认值 |
---|---|---|---|
name | style.mergeType style.dataLimit style.stackMode |
数据的合并方式,支持 sum、avg、min、max、newest、oldest 类型值 当数据量很大时,限制图表中显示的数据量 是否设置数据堆叠方式,设置了数据堆叠后, 同个类目轴上系列配置相同的 stack 值后,后一个系列的值会在前一个系列的值上相加。 |
'sum' 500 'none' |
示例:
<option name="style.mergeTyp">sum</option>
二维图表每种图表类型特有的<option>
标签的属性:
1.折线图、面积图:没有特有<option>
标签的属性。
2.柱状图:
属性 | 可选项 | 说明 | 默认值 |
---|---|---|---|
name | style.orientation style.showBarLabel |
柱状图显示的方向,支持可选值为 horizontal: 柱状图水平方向上显示; vertical: 柱状图垂直方向上显示 是否在柱形条上显示数值以及显示的位置,支持可选值 true: 显示数值,且在柱状条的中间显示; false: 隐藏数值; top: 显示数值,且在柱状条的顶端显示 |
'horizontal' false |
3.散点图
属性 | 可选项 | 说明 | 默认值 |
---|---|---|---|
name | style.regression | 散点图上可以根据数据点的分布构造回归曲线,支持可选类型包括 linear: 线性回归曲线; exponential: 指数回归曲线; logarithmic: 对数回归曲线; none: 不显示回归曲线 | 'none' |
4.气泡图
属性 | 可选项 | 说明 | 默认值 |
---|---|---|---|
name | style.minSize style.maxSize style.showZero style.sizeField style.unit |
气泡的最小半径值 气泡的最大半径值 是否显示零值 用于标记气泡大小的字段 对气泡的数值设置单位化 |
5 30 true 无 ['none', 'short'] |
一维图表类型的公共 <option>
标签的属性
属性 | 可选项 | 说明 | 默认值 |
---|---|---|---|
name | style.mergeType style.dataLimit style.unit style.metrics style.groups |
数据的合并方式,支持 sum、avg、min、max、newest、oldest 类型值 当数据量很大时,限制图表中显示的数据量 对数值进行格式化 用于展示当前图表的指标 用于展示当前图表的分组字段 |
'sum' 500 ['none', 'short'] 无 无 |
一维图表每种图表类型特有的<option>
标签的属性:
1.旭日图
属性 | 可选项 | 说明 | 默认值 |
---|---|---|---|
name | style.showLabe | 是否开启文字说明 | true |
2.分组饼图、指标饼图、分组玫瑰图、指标玫瑰图、嵌套饼图
属性 | 可选项 | 说明 | 默认值 |
---|---|---|---|
name | style.showLabe style.maxSlices |
是否开启文字说明 最大区域数量 |
true [20] |
3.分组环图、指标环图
属性 | 可选项 | 说明 | 默认值 |
---|---|---|---|
name | style.showLabe style.maxSlices style.showTitle style.dataFormat style.circularWidth style.play style.playInterval style.dataPercentDecimals |
是否开启文字说明 最大区域数量 饼图标题位置 标题数值显示格式 环图宽度,单位 px 环图轮播是否开启 环图轮播时间间隔,单位秒 数值百分比模式显示时, 百分比精确的位数 |
true "percent" 30 false 2 2 |
4.数字单值图
属性 | 可选项 | 说明 | 默认值 |
---|---|---|---|
name | style.nullValueMode style.statOption style.colorMode style.showTimeline |
单值图空值模式 单值图统计选项 单值图颜色选项 是否显示时序折线图 |
'empty' 'current' 'content' false |
5.仪表单值图、占比图
属性 | 可选项 | 说明 | 默认值 |
---|---|---|---|
name | style.nullValueMode style.statOption style.titleName style.circularWidth style.titlePosition |
单值图空值模式 单值图统计选项 标题名称 环宽度 标题位置 |
'empty' 'current' 无 30 'center' |
6.普通雷达图、多重雷达图
属性 | 可选项 | 说明 | 默认值 |
---|---|---|---|
name | style.displayType style.enableIndicator style.indicatorMin style.indicatorMax |
图表形式 是否自定义指示器 指示器最小值 指示器最大值 |
'polygon' false 0 无 |
7.城市气泡图
属性 | 可选项 | 说明 | 默认值 |
---|---|---|---|
name | style.color style.minSize style.maxSize style.threshold |
气泡颜色 气泡最小半径 气泡最大半径 高亮阈值 |
'#1989FA'5 30 0 |
7.中国迁徙图、世界迁徙图
属性 | 可选项 | 说明 | 默认值 |
---|---|---|---|
name | style.inflowColor style.inflowText style.outflowColor style.outflowText style.gradientColor style.bubbleMaxSize style.bubbleMinSize |
流入节点颜色 流入节点名字流出节点颜色 流出节点名字 迁徙线颜色 气泡最大直径 气泡最小直径 |
'#1989FA' '流入' '#1989FA' '流出' ['#FFDF4C', '#FEBF57', '#FB7A77', '#D7668A', '#6F7BE2'] 255 |
8.中国地图、世界地图
属性 | 可选项 | 说明 | 默认值 |
---|---|---|---|
name | style.showCalculable style.showVisualMap style.chartColor style.showDetailList |
是否显示地图的手柄原色 是否显示视觉映射元素 地图显示的颜色 是否显示各区域的数据详情 |
true true '#1989FA' true |
其他图表类型的公共<option>
标签的属性
属性 | 可选项 | 说明 | 默认值 |
---|---|---|---|
name | style.mergeType style.dataLimit |
数据的合并方式,支持 sum、avg、min、max、newest、oldest 类型值 当数据量很大时,限制图表中显示的数据量 |
'sum' 500 |
其他图表中每种图表类型特有的<option>
标签的属性:
1.网格数据表、树状数据表
属性 | 可选项 | 说明 | |
---|---|---|---|
name | style.textDisplayMode style.pageSize |
当单元格里的字符过长时的显示方式,支持 newline: 换行显示; omit: 省略号显示 两种可选值 数据表每一页显示的数据条数 |
'sum' 500 |
2.时间轴
属性 | 可选项 | 说明 | |
---|---|---|---|
name | style.labelField style.startField style.durationField style.axisPosition style.maxZoom style.minZoom style.chartBackGround style.eventBackGround style.fontColor style.dataSize |
标签字段 开始时间字段 持续时间字段 时间轴位置 最大时间刻度 最小时间刻度 背景颜色 背景颜色 字体颜色 最大展示事件数量 |
无 无 无 'top' 'none' 'none' 无 '#2C6DD2' '#FFFFFF' 5 |
3.环形关系图、弧形关系图
属性 | 可选项 | 说明 | 默认值 |
---|---|---|---|
name | sstyle.color style.curveness |
关系图颜色 边的曲度,支持从 0 到 1 的值,值越大曲度越大 |
'sum' 500 '#1989FA' 0 |
4.二级桑基图、多级桑基图
桑基图没有特有的<option>
标签的属性。
文档反馈
(如有产品使用问题,请 提交工单)