Skip to content
产品中心
开始快速开始

装好包,选一个仪器类,把记录交给 setOption。下面用气溶胶激光雷达的距离修正后的回波信号做第一张图。

安装

公开包装在 npm:https://www.npmjs.com/package/@dingnl/metobs-chart

bash
pnpm add @dingnl/metobs-chart

画第一张图

页面上准备一个有宽高的容器。记录里要有观测时间 dateTime,以及和产品同名的数值列。

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

const el = document.getElementById('chart')
const chart = Metobs.Lidar.init(el)
chart.setOption({
    product: 'rcs',
    title: { text: '距离修正后的回波信号(532, a.u.)' },
    data: { values: records }
})

换同一台仪器的其他产品,改 product 和对应记录即可。换仪器,换入口:微波辐射计用 Metobs.Mwr,风廓线雷达用 Metobs.Wpr,测风激光雷达用 Metobs.Dwl.Dbs 等。

测风激光雷达的 DBS 必须写 sourcesec / ave / los)。一条 setOption 只画一个产品。

免责声明

文档与在线示例里的记录来自公开资料,或按本库字段规则撰写的模拟数据,仅供演示,没有实际观测或业务含义。完整条文见 免责声明

版权与授权

公开 npm 包会在图上铺满倾斜的 Metobs / DINGNL 字标,导出图片同样带上。浏览器控制台会打印版本、编译日期、版权声明、文档地址和联系方式。setOption 和其它公开 API 都不能关闭水印或这条控制台信息,也不存在 setLicense 一类接口。

需要无水印版本时,向 dingnl 申请授权,用交付的离线包覆盖本包。步骤见 授权包接入。申请授权:1981261270@qq.com,或 QQ 1981261270,备注 metobs-chart

实例方法

init(el) 创建图。之后常用 setOptionresizedispose。需要提示框、工具栏联动时再用 on / off / dispatchAction。导出图片用 getDataURL

接下来

去向说明
授权包接入用离线包覆盖公开包
基础配置标题、轴、图例、提示框
侧栏各仪器 API按仪器看产品和字段
在线示例对照着图看