地面分析 · 产品能力绘制

平均温度、降水、冰雹概率、相对湿度、风速、海平面气压、露点、最高气温、最低气温、3小时变压、24小时变压、24小时变温和 自行绘制 的绘制接口：逐格填色、等值面、等值线、格点填值，以及渐变和框线。从 地面分析 各产品的「能力」进入。通道图、定量的绘制写在各自产品的「能力」里。

能力

tem / pre / hail / rh / ws / prs / td / tmax / tmin / p3 / p24 / t24 和自行绘制同一套。

能力	字段	默认
逐格填色	fill: 'cells'	工厂默认
等值面	fill: 'isobands'	示例页默认
渐变	fill: 'gradient'	关
等值线	contour	关
等值线平滑	contour.smooth	0
格点填值	labels	关
框线	fill.stroke	关

cells / isobands / gradient 互斥，不能同时开。等值线、填值、框线可叠在当前填色上。fill.show: false 时只留线和填值。

按边界收场见 数据裁剪，图上改值见 格点订正，带标题和轴线的图件见 图件出图。对照 渲染模式示例。

调用

const layer = createFieldLayer({
    // 解析出口
    data: parsed.values,
    // 画哪一列，与 parse 相同
    product: 'tem',
    // 等值面填色
    fill: 'isobands',
    // 格点填值
    labels: true,
    // 等值线
    contour: true
})

自行绘制必须写 product 和 pieces，其余字段一样。

建好之后也可以切：

// 切填色、等值线、填值、框线
layer.setFill('cells')
layer.setFill('isobands')
layer.setFill('gradient')
layer.setContour(true)
layer.setContour({ show: true, color: 'legend', smooth: 0.5 })
layer.setLabels(true)
layer.setStroke(true)

逐格填色

每个经纬格一块色。

// 逐格填色
fill: 'cells'

等值面

按色标分档铺面，格心之间双线性取值后再落档。

// 等值面
fill: 'isobands'

等值线

按色标可见档下沿追线，可叠在当前填色上。线色默认 #111；contour.color 写色值则整网同色，写 'legend' 跟该档色标。contour.smooth 是 0～1 的平滑系数，默认 0，按稀释后的格心追线；大于 0 时在格心之间双线性加密，和等值面 / 渐变同一套取值。格子已经接近像素下限，或关掉稀释后面太大时自动少加密，改对折线做轻量平滑，避免卡顿。

contour: true
// 或线色跟该档色标，并开平滑
contour: { show: true, color: 'legend', smooth: 0.5 }

setContour(true) / setContour(false) 可开关。传对象可只改线色、线宽、标值或平滑。

格点填值

数字落在格边中点，可叠在当前填色上。

// 格点填值
labels: true

setLabels(true) / setLabels(false) 可开关。

渐变

双线性取场值后，在相邻色档之间插色，按设备像素落点。

// 渐变
fill: 'gradient'

框线

逐格描边，可叠在当前填色上。

fill: {
    type: 'cells',
    // 逐格描边
    stroke: { show: true, color: '#fff', weight: 1 }
}

setStroke(true) / setStroke(false) 可开关。

缩放稀释

框线、填值跟 thin。填色不稀释。等值线不细于 thin，也不细于屏幕像素下限。默认开。

字段	说明	默认
thin	是否稀释	开
thin.interval	屏幕像素间隔	[50, 50]

// 缩放稀释，间隔是屏幕像素
thin: { show: true, interval: [50, 50] }

setThin(false) 关掉后，框线和填值按原格画。