开始快速开始
装好包,选一个仪器类,把记录交给 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 必须写 source(sec / ave / los)。一条 setOption 只画一个产品。
免责声明
文档与在线示例里的记录来自公开资料,或按本库字段规则撰写的模拟数据,仅供演示,没有实际观测或业务含义。完整条文见 免责声明。
版权与授权
公开 npm 包会在图上铺满倾斜的 Metobs / DINGNL 字标,导出图片同样带上。浏览器控制台会打印版本、编译日期、版权声明、文档地址和联系方式。setOption 和其它公开 API 都不能关闭水印或这条控制台信息,也不存在 setLicense 一类接口。
需要无水印版本时,向 dingnl 申请授权,用交付的离线包覆盖本包。步骤见 授权包接入。申请授权:1981261270@qq.com,或 QQ 1981261270,备注 metobs-chart。
实例方法
init(el) 创建图。之后常用 setOption、resize、dispose。需要提示框、工具栏联动时再用 on / off / dispatchAction。导出图片用 getDataURL。
接下来
| 去向 | 说明 |
|---|---|
| 授权包接入 | 用离线包覆盖公开包 |
| 基础配置 | 标题、轴、图例、提示框 |
| 侧栏各仪器 API | 按仪器看产品和字段 |
| 在线示例 | 对照着图看 |