{{ target: partial-mark-area }}
#${prefix} markArea(Object) 图表标域,常用于标记图表中某个范围的数据,例如标出某段时间投放了广告。
{{ use: partial-silent(prefix=“#” + ${prefix}) }}
##${prefix} label(Object) 标域文本配置。 {{ use: partial-label( prefix=${prefix} + ‘##’ ) }}
##${prefix} itemStyle(Object) 该标域的样式。 {{ use: partial-item-style(prefix=“##” + ${prefix}) }}
##${prefix} emphasis(Object) 高亮的标域样式 ###${prefix} label(Object) {{ use: partial-label( prefix=${prefix} + ‘###’ ) }} ###${prefix} itemStyle {{ use: partial-item-style(prefix=“###” + ${prefix}) }}
##${prefix} data 标域的数据数组。每个数组项是一个两个项的数组,分别表示标域左上角和右下角的位置,每个项支持通过下面几种方式指定自己的位置
用 coord 属性指定数据在相应坐标系上的坐标位置,单个维度支持设置 'min'
, 'max'
, 'average'
。 {{ /if }}{{ if: ${hasType} }}
直接用 type 属性标注系列中的最大值,最小值。这时候可以使用 valueIndex 或者 valueDim 指定是在哪个维度上的最大值、最小值、平均值。
如果是笛卡尔坐标系的话,也可以通过只指定 xAxis
或者 yAxis
来实现 X 轴或者 Y 轴为某值的标域,见示例 scatter-weight {{ /if }} 当多个属性同时存在时,优先级按上述的顺序。
{{if: ${hasType} }}
{{ /if }}
data: [ {{if: ${hasType} }} [ { name: '平均值到最大值', type: 'average' }, { type: 'max' } ], {{/if}}{{if: ${hasCoord} }} [ { name: '两个坐标之间的标域', coord: [10, 20] }, { coord: [20, 30] } ], [ { name: '60分到80分', yAxis: 60 }, { yAxis: 80 } ], [ { name: '所有数据范围区间', coord: ['min', 'min'] }, { coord: ['max', 'max'] } ], {{/if}}[ { name: '两个屏幕坐标之间的标域', x: 100, y: 100 }, { x: '90%', y: '10%' } ] ]
###${prefix} 0(Object) 标域左上角的数据 {{ use: mark-area-data-item-item( name=“起点”, prefix=“###”+${prefix}, hasCoord=${hasCoord}, hasType=${hasType}, index=0 ) }}
###${prefix} 1(Object) 标域右下角的数据 {{ use: mark-area-data-item-item( name=“终点”, prefix=“###”+${prefix}, hasCoord=${hasCoord}, hasType=${hasType}, index=1 ) }}
{{ use: partial-animation( prefix=“#” + ${prefix}, defaultAnimation=‘false’, galleryEditorPath=${galleryEditorPath}, ) }}
{{ target: mark-area-data-item-item }} {{ if: ${hasType} }} #${prefix} type(string) 特殊的标注类型,用于标注最大值最小值等。
可选:
'min'
最大值。'max'
最大值。'average'
平均值。 {{ /if }} {{ if: ${hasCoord} }} #${prefix} valueIndex(number) 在使用 type 时有效,用于指定在哪个维度上指定最大值最小值,可以是 0
(xAxis, radiusAxis),1
(yAxis, angleAxis),默认使用第一个数值轴所在的维度。#${prefix} valueDim(string) 在使用 type 时有效,用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称,例如折线图时可以是x
、angle
等、candlestick 图时可以是open
、close
等维度名称。
#${prefix} coord(Array) 起点或终点的坐标。坐标格式视系列的坐标系而定,可以是直角坐标系上的 x
, y
,也可以是极坐标系上的 radius
, angle
。
{{ /if }}
#${prefix} name(string) = ‘${name}’ 标注名称,将会作为文字显示。
#${prefix} x(number) 相对容器的屏幕 x 坐标,单位像素,支持百分比形式,例如 '20%'
。
#${prefix} y(number) 相对容器的屏幕 y 坐标,单位像素,支持百分比形式,例如 '20%'
。
#${prefix} value(number) 标域值,可以不设。
#${prefix} itemStyle(Object) 该数据项区域的样式,起点和终点项的itemStyle
会合并到一起。 {{ use: partial-item-style( prefix=“#”+${prefix} ) }}
#${prefix} label(Object) 该数据项标签的样式,起点和终点项的label
会合并到一起。
{{ use: partial-label( prefix=‘#’+${prefix} ) }}
#${prefix} emphasis(Object) ##${prefix} itemStyle(Object) {{ use: partial-item-style( prefix=“##”+${prefix} ) }} ##${prefix} label(Object) {{ use: partial-label( prefix=‘##’+${prefix} ) }}