本文,我们来探讨,如何在 Dygraphs 中画出两点之间的区间,如上图。...使用 Canvas 的 fillRect 的方法绘制矩形
我们先来认识下 fillRect 方法使用:
fillRect(x, y, width, height) 方法有四个参数:
x:矩形左上角针对画布原点的...); // 创建画笔
ctx.fillRect(100, 20, 200, 150); // 用画笔在画布上绘制指定的矩形
代码片段
So easy, right?.../ 获取 Dom 节点
data, // 渲染的相关数据
{
labels: ['X', 'Serial1', 'Serial2'], // X 表明是 x 轴的名称,Serial1 和...它包含三个参数,如下:
context:画布上下文(可以简单理解为画笔️)
area:描述绘图区域的对象,该对象包含属性 {x, y, w, h}(读者感兴趣可以自行打印这几个值理解)
dygraph: