metobs-chart

Appearance

产品中心
Metobs.DwlGp

测风激光雷达起降通道迎头风 / 侧风廓线。纵轴是路径距离（米），横轴是风速，曲线填到竖零线，颜色跟风速走。时间字段是 dateTime，距离读 distance。不写 source。一张图一条记录，多条时取最后一条。data 只认 { values: records }。单仰角圆是 Metobs.Dwl.Ppi，等高圆是 Metobs.Dwl.Cappi，定点是 Metobs.Dwl.Stare，气象反演是 Metobs.Dwl.Met，扇区是 Metobs.Dwl.Rhi，不要用本类去画。

公共 option 见 基础配置：标题、轴、网格、图例、提示框、缩放、工具栏。

迎头风 ​

迎头风（示例）

通过绘制距离 × 风速面积廓线，用来看起降通道上迎头风随距离怎么变。民航《相干多普勒测风激光雷达技术规范》征求意见稿附录 A.3：WndPrfData[i][1] 为第 i 个距离库的迎头风风速（米/秒）。产品 key 为 head，单位 m/s。

数据 ​

每条记录带 dateTime、distance（米）和本产品用的 head。都必须是 number[] 且等长。999 按缺测处理，绘制断开，不要填 0。

js
{
    stationCode: '10K',
    stationName: '示例站',
    dateTime: '2026-04-23 10:02:00',
    distance: [150, 210, 270 /* … */], // 路径距离（米）。本图作纵轴
    // 本产品读这一列（m/s）
    head: [8.2, 8.6, 7.9 /* … */],
}

pick：指针落在曲线附近，或落在该层到竖零线的填充里，才命中。

调用 ​

ts
import { Metobs } from '@dingnl/metobs-chart'

const chart = Metobs.Dwl.Gp.init(el)
chart.setOption({
    product: 'head',
    title: {
        show: true,
        text: '迎头风(m/s)'
    },
    xAxis: {
        show: true,
        name: '迎头风(m/s)'
    },
    yAxis: {
        show: true,
        name: '距离(m)'
    },
    data: {
        values: records
    }
})

竖线 x = 0 是基线，曲线到基线之间按色标填色，外沿画实线。横轴按数据峰值收成含 0 的整档，两侧对称。图例默认在右侧竖放。不写 legend.pieces 时，库带 −20～20 色标。

色标 ​

档 (m/s)−20−14−10−6−4−20246101420
色rgb(80,0,140)rgb(40,0,200)rgb(0,100,255)rgb(160,220,255)rgb(185,227,255)rgb(210,235,255)rgb(255,255,255)rgb(255,245,200)rgb(255,232,160)rgb(255,220,120)rgb(255,140,0)rgb(230,40,0)rgb(140,0,40)

要改色、改档去 图例。

侧风 ​

侧风（示例）

通过绘制距离 × 风速面积廓线，用来看起降通道上侧风随距离怎么变。同征求意见稿附录 A.3：WndPrfData[i][2] 为第 i 个距离库的侧风风速（米/秒）。产品 key 为 cross，单位 m/s。

数据 ​

每条记录带 dateTime、distance（米）和本产品用的 cross。都必须是 number[] 且等长。999 按缺测处理，绘制断开。

js
{
    stationCode: '10K',
    stationName: '示例站',
    dateTime: '2026-04-23 10:02:00',
    distance: [150, 210, 270 /* … */],
    // 本产品读这一列（m/s）
    cross: [1.4, 1.1, 0.6 /* … */],
}

调用 ​

ts
import { Metobs } from '@dingnl/metobs-chart'

const chart = Metobs.Dwl.Gp.init(el)
chart.setOption({
    product: 'cross',
    title: {
        show: true,
        text: '侧风(m/s)'
    },
    xAxis: {
        show: true,
        name: '侧风(m/s)'
    },
    yAxis: {
        show: true,
        name: '距离(m)'
    },
    data: {
        values: records
    }
})

画法与迎头风相同，色标同一套。

色标 ​

档 (m/s)−20−14−10−6−4−20246101420
色rgb(80,0,140)rgb(40,0,200)rgb(0,100,255)rgb(160,220,255)rgb(185,227,255)rgb(210,235,255)rgb(255,255,255)rgb(255,245,200)rgb(255,232,160)rgb(255,220,120)rgb(255,140,0)rgb(230,40,0)rgb(140,0,40)

要改色、改档去 图例。