辅助线

单击流式布局画布上方的颜色界面,选择选项内的一种颜色,即可设置流式布局画布宽度调整把手和鼠标悬浮位置所在容器辅助线的颜色,目前可选择四种辅助线颜色。注意 当屏幕内容和辅助线颜色较为接近时,可以切换辅助线的颜色,方便更清晰地...

CanvasContext.toDataURL

获取画布指定区域的 data URL 数据。入参 Object 类型,属性如下:属性类型必填默认值说明xNumber否0将要被提取的矩形区域的左上角横坐标。yNumber否0将要被提取的矩形区域的左上角纵坐标。widthNumber否被提取的矩形区域的左上角到画布...

大屏管理

添加辅助图形 单击辅助图形下拉列表,可以看到目前支持的4种辅助图形:矩形:支持设置背景颜色、背景图片和边框,一般用于给组件做背景修饰。标签:支持输入文字、设置字体、边距、背景颜色和边框,一般用于做文字展示。视频:支持播放在线...

矩形分箱图

矩形分箱图组件以矩形块的形式展示数据的分布情况,并通过矩形块的颜色展示数据的聚集程度,颜色越深,说明数据越集中。本文介绍矩形分箱图组件详细配置方法。应用示例 如下图所示,通过矩形分箱图展示某设备告警的分布情况。步骤一:添加...

移动端画布编辑器概览

背景颜色 调整流式布局画布的背景颜色。背景图 上传大小不超过1MB的背景图片,作为整个流式布局画布的背景图。重置 单击恢复默认背景,将页面设置恢复到原始状态。DataV水印 关闭开关,可以取消DataV水印。注意 仅企业版及以上版本支持...

CanvasContext 概览

CanvasContext.clearRect清除画布上指定矩形区域的内容。CanvasContext.clip将当前创建的路径设置为剪切路径。CanvasContext.closePath闭合一个路径。CanvasContext.createCircularGradient创建一个圆形渐变。起点在圆心,终点在圆环。...

CanvasContext.clearRect

清除画布上在该矩形区域内的内容。入参 Object 类型,属性如下:属性类型描述xNumber矩形左上角的 x 坐标。yNumber矩形左上角的 y 坐标。widthNumber矩形宽度。heightNumber矩形高度。示例代码 clearRect 并非画一个白色的矩形在地址区域,...

矩形

画布左侧组件列表上方,输入矩形,找到该组件,然后将组件拖拽到中间画布。有关组件添加的更多信息,请参见添加组件。步骤二:配置样式 在Web可视化编辑页面右侧样式中,设置圆角、填充颜色和边框样式。样式中有多个配置项支持配置数据源...

开发可视化应用监控树莓派状态

画布中添加矩形组件和一个文字组件。文字组件:如下图所示设置文字内容。矩形组件:作为其他组件的背景。在画布左侧的组件列表栏,选择工业组件。配置两个仪表组件(多色仪表盘),用于显示CPU状态数据。CPU负载仪表盘的样式设置如图所示...

CanvasContext.strokeRect

说明:用 setFillStroke()设置矩形线条的颜色,如果没设置默认是 black。入参Object 类型,属性如下:属性类型说明xNumber矩形左上角的 x 坐标。yNumber矩形左上角的 y 坐标。widthNumber矩形路径宽度。heightNumber矩形路径高度。示例代码...

画布

说明:用 setFillStroke()设置矩形线条的颜色,如果没设置,则默认为 black。入参 参数 类型 说明 x Number 矩形左上角的 x 坐标。y Number 矩形左上角的 y 坐标。width Number 矩形路径宽度。height Number 矩形路径高度。代码示例const ...

PC端画布编辑器概览

本文为您介绍PC端画布编辑器的结构和功能,帮助您快速使用PC端画布编辑器开发可视化应用项目。进入到PC端画布编辑页面后,您可以使用系统提供的画布配置和组件配置工具,管理画布和各个组件。图 1.画布编辑器页面概览 图 2.画布组件配置 ...

新建画布并设置表关系

您可以通过拖拽方式,在画布中建立多个表之间的关联关系。本文介绍如何新建画布以及建立各表关系。前提条件已创建目录,具体操作,请参见新建模型目录。背景信息创建完表关系后,您可以在逻辑表详情的关系列表页签中查看到已创建的模型关系...

蓝图编辑器详细功能介绍

工具栏:工具栏位于画布上方,包含适配画布、节点启用、禁用、清空画布、删除不可用节点、搜索、切换单选框选以及画布的缩放等快捷操作。操作 说明 适配画布 单击工具栏中的适配画布图标(),将画布中的节点自适应到画布中间显示。停用/...

画布概览

设计数据模式时,当业务的多个表之间存在关系,可以通过画布管理实现可视化方式创建表之间的关系。本文介绍画布的各功能区,为您后面新建画布操作做准备。序号区域说明①左侧逻辑表选择区区域导航栏:节点资源:查看该工作组内,数据模型下...

搭建页面

采用画布搭建的方式,在空白画布上,通过选取组件的形式,完成可视化页面搭建过程。前提条件已创建应用页面,具体操作参见 创建页面。操作步骤页面搭建的操作流程如下:在页面管理的页面列表中,选择目标页面,单击操作列下的 页面搭建,...

页面搭建编辑器

目前,智能搭建提供画布搭建方式,主要针对图文类页面的搭建。页面搭建编辑器由四部分组成:组件区、全局操作区、画布操作区以及组件配置区。组件区组件区提供用于搭建的基础模块,目前有四种:文本图片链接轮播图片 文本组件在画布中添加...

温室监控大屏

单击选中矩形组件,然后在右侧配置样式:大小、位置、填充颜色、边框颜色和粗细。拖拽一个iframe组件到页面中间,调整组件大小、位置,和配置关联链接。iframe组件可用于展示链接的页面内容,如企业介绍视频等。设置目标链接为HTTPS链接后...

画布刷新

本文档介绍DataV移动端编辑器内的画布刷新的使用方法,在可视化应用内组件渲染有误时,您可以使用画布刷新功能恢复画布内组件的正常渲染。操作步骤 登录DataV控制台。在我的可视化页面,新建一个移动端可视化应用或者单击一个已有移动端...

区块编辑器概览

注意 区块编辑器的整体样式及功能使用方法,与画布编辑器保持一致,具体区块编辑器的功能使用说明请参见PC端画布编辑器概览。图 1.区块编辑器页面概览 图 2.区块内组件配置 序号 名称 说明 1 工具栏 工具栏位于编辑器页面的最上方,您可以...

布局容器

移动编辑器布局容器面板,主要用于展示容器的种类和添加容器内容到流式布局画布中。本文主要介绍添加容器到流式布局画布中的操作。操作步骤 登录DataV控制台。在我的可视化页面,单击您创建的移动端可视化应用项目。如果页面中没有移动端...

CanvasContext.moveTo

将像素数据绘制到画布。入参 Object 类型,属性如下:属性类型必填说明dataUint8ClampedArray是图像像素点数据,一维数组,每四项表示一个像素点的 rgba。xNumber是源图像数据在目标画布中的位置偏移量(x 轴方向的偏移量)。yNumber是源...

CanvasContext.rect

创建一个矩形。用 fill()或者 stroke()方法将矩形画到 canvas 中。入参Object 类型,属性如下:属性类型说明xNumber矩形左上角的 x 坐标。yNumber矩形左上角的 y 坐标。widthNumber矩形路径宽度。heightNumber矩形路径高度。示例代码/.js ...

CanvasContext.fillRect

填充矩形。setFillStyle()用于设置矩形的填充色,如果没设置则默认是 black。入参 Object 类型,属性如下:属性类型说明xNumber矩形左上角的 x 坐标。yNumber矩形左上角的 y 坐标。widthNumber矩形路径宽度。heightNumber矩形路径高度。...

Alink组件成组执行

画布中成组的Alink节点会通过虚线圆角矩形框显示为一组,如下图所示。对于Alink组,您可以单击右上方的图标,为其设置运行的Worker数量和每个Worker占用的内存。Alink组的配置优先级高于Alink组中每个Alink节点的单独配置。成组后的Alink...

画布图层搜索

DataV移动端画布编辑器内提供了搜索画布中图层的功能。通过画布图层搜索功能,您可以搜索并定位移动端可视化应用中任何一个图层。操作步骤 登录DataV控制台。在我的可视化页面,新建一个移动端可视化应用或者单击一个已有移动端可视化应用...

重置画布大小

本文档介绍DataV移动端编辑器内重置画布大小的使用方法,您可以在流式布局画布宽度尺寸有变化后使用重置功能一键恢复到宽度默认值。操作步骤 登录DataV控制台。在我的可视化页面,新建一个移动端可视化应用或者单击一个已有移动端可视化...

配置组件

颜色选择器:您可以使用颜色选择器设置组件的字体颜色、轴线颜色、网格线颜色、边框颜色等。以文本颜色为例,您可以通过以下两种方式调整文本颜色。单击常用色块图标,选择一个颜色。常用色块功能可以帮助您快速选择系统中自带的常用颜色,...

循环和判断组件

画布中新增“按照次数循环”组件,在输入参数的循环结束值,输入“10”代表10次循环。2.在画布中新增“记录日志”组件,点击日志内容参数的输入框,输入“我是循环君”,点击调试运行按钮。3.运行后,程序会循环记录10次日志。返回可视化...

基本概念

画布 画布也叫画布编辑器,是DataV最主要的功能区域。通过画布可以实现页面的布局与配色,各图表的大小位置排布,以及应用的可视化预览。如果您想了解如何使用画布,请参见画布操作。工具栏 工具栏位于整个画布的正上方,主要实现返回控制...

图形组件

步骤二:配置样式可选:设置图形样式:填充颜色、边框样式,或矩形圆角、多边形的边数。样式的部分配置项支持设置动态数据源,详细说明请参见配置项的数据源。调整组件的最终位置。有关组件通用样式配置,请参见通用样式。步骤三:配置交互...

画布图层搜索

DataV工具栏提供了搜索画布中图层的功能。通过画布图层搜索功能,您可以对可视化应用中任何一个图层等进行搜索并定位。操作步骤 登录DataV控制台。在我的可视化页面,新建一个可视化应用或者单击一个已有可视化应用的编辑按钮。进入画布...

实时算法编排

测点列表展示了测点趋势的颜色、当前值、均值、最大值、最小值、坐标上下限(支持手动调整)、填充规则等,这些值均按所选时间段计算。用户将鼠标移入坐标内可以查看具体时刻某一参数的值。手动指定填充规则。由于画布运行异常或者IGate...

如何动态控制组件样式

配置画布中配置数字颜色处理方法。单击蓝图编辑器左上角的画布编辑器图标(),切换返回画布编辑器页面。单击数字翻牌器组件,在右侧的配置面板中,单击下方的复制配置到剪贴板。将复制的内容粘贴到任意的代码编辑器中,观察数据层级关系,...

组件

本文档介绍组件在流式布局画布中的操作方法,包括组件位置调整、复制组件和删除组件等,帮助您更加方便快捷地在移动端可视化应用中对组件进行配置。DataV提供了组件调整位置、复制组件等功能,使流式布局画布中组件内容操作更流畅。您可以...

使用孪生画布编辑器

DTwin孪生画布编辑器可以帮助您快速搭建三维虚拟环境。本文为您介绍DTwin孪生画布编辑器的布局和功能。画布功能区域说明 序号名称说明1项目场景区用于显示项目场景内的所有对象和模型对象的详情。2模型列表区用于展示三维模型和预设对象...

二维图表配置工具AIT介绍

进入二维图标画布用DTwin帐号登录AIT画布管理。在画布管理页面,单击右上角新建画布。在新建画布面板,输入名称和描述,单击保存。回到画布列表,单击目标画布名称右侧操作栏的编排。画布编排界面说明序号名称说明1功能组件栏包括通用组件...

CanvasContext.getImageData

入参 Object 类型,属性如下:属性类型必填说明xNumber是将要被提取的图像数据矩形区域的左上角横坐标。yNumber是将要被提取的图像数据矩形区域的左上角纵坐标。widthNumber是将要被提取的图像数据矩形区域的宽度。heightNumber是将要被...

测试场景画布概览

您可以在测试场景画布中编排节点工作流、配置节点属性参数、运行参数和调度参数。本文介绍测试场景画布的各功能区以及场景中各类型的节点,方便您快速熟悉测试场景画布功能,为新建测试场景做准备。序号区域说明①左侧节点选择区节点区域...
< 1 2 3 4 ... 159 >
跳转至: GO
产品推荐
云服务器 物联网无线连接服务 商标 轻量应用服务器 SSL证书 对象存储 块存储
这些文档可能帮助您
设置Java开发环境 设置Python开发环境 使用Web+托管静态资源网站 使用CLI快速部署Java应用 Web+产品对比 负载均衡SLB

新品推荐

你可能感兴趣

热门推荐

新人福利专场 阿里云试用中心 企业支持计划 飞天会员助力企业低成本上云 智能财税30天免费试用 云解析DNS新用户首购低至36元/年起 ECS限时升级特惠6.5折