create*Layerlegend
铺色分档。列名写工厂的 product。库不画色标条,只用来铺色与过滤。色标条由你在页面上摆。不写 pieces 时用产品默认色标。
调用
ts
const layer = createRadarGridLayer({
// 解析出口
data: parsed.values,
// 画哪一列,与 parse 相同
product: 'cr',
// 雷达站心,投影原点
site: parsed.site
})product 与解析时相同,例如 cr / r / ir / tem。各产品默认档写在对应 API 页。地面分析和定量还可以按同一规范自行绘制其它要素,见 地面分析 · 自行绘制 与 定量 · 自行绘制。
改档、过滤区间写在工厂参数或 setOption:
ts
layer.setOption({
// 替换分档。value 是下沿,label 只作文案
pieces: [
{ value: 11, color: 'rgb(0, 235, 0)', label: '11~20' },
{ value: 21, color: 'rgb(140, 142, 0)', label: '21~30' },
{ value: 31, color: 'rgb(250, 0, 0)', label: '≥31' }
],
// 只过滤铺色
range: [11, 50]
})字段
| 字段 | 说明 | 类型 | 默认 |
|---|---|---|---|
product | 画哪一列 | string | — |
pieces | 各档。value 为区间下沿 | object[] | 产品默认 |
range | 可见数值区间 [min, max] | [number, number] | 全开 |
低于第一档或缺测透明。range 只过滤铺色,不改分档本身。
pieces
| 字段 | 说明 | 类型 | 默认 |
|---|---|---|---|
value | 区间下沿。必须是数字,到下一档之前用此色 | number | — |
color | CSS 色值 | string | — |
label | 色标条上的文字。不参与取色 | string | value |
show | 是否画出该档 | boolean | true |
value 不是点值。库按升序分档:场值 ≥ 本档 value、且 < 下一档 value 时用本档色。最后一档没有上沿,一直用到该档色。不要把 20、30 这种上沿写进 value;上沿就是下一档的 value。整数场要表示 11~20,本档传 11,下一档传 21。
label 只给页面上的色标条看,getLegend() 原样交回。写成 '11~20' / '21~30' 或 '20' 都可以,库不解析这段文字。内置产品常把 label 写成和 value 相同的数字,看起来像单值,取色规则仍是下沿。
逐格、等值面用本档纯色。渐变填色在相邻两档的 value 之间插色。要截到某个上沿,另传 range,不要靠 label。
分类码产品(云掩膜、火点、积雪)按类号精确取色,每一档对应一个类,不按区间、不在档与档之间插值。value 写类号,label 仍可写类名。火点默认只铺 10,积雪默认只铺 200。
实例方法
| 方法 | 说明 |
|---|---|
setLegend(legend) | 整份替换分档。可传快捷 key 或对象 |
setLegendRange(min, max) | 不换分档,按区间过滤 |
setLegendPiece(index, show) | 不换分档,开关一档 |
getLegend() | 读当前 { pieces, range } |