Skip to content
产品中心
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—
colorCSS 色值string—
label色标条上的文字。不参与取色stringvalue
show是否画出该档booleantrue

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 }