图标散点层DataV数据可视化(DataV)

通用:设置图标散点层的通用配置项。

参数

说明

可见级别

设置图标散点层的可见级别值,在设定的级别范围内图标散点层可见,级别之外不可见。

不透明度

设置图标散点层的不透明度值,取值范围为0~100,单位%,数值越大图层越不透明。

图形:设置图标散点层的图形配置项。

图标形状

图标尺寸

设置图标的尺寸样式,包括设置图标的宽度和高度,取值范围为0~400,单位px。

相对位置

设置散点图标对于散点的相对位置样式,可选底部和中心。

相对偏移

设置图标从水平方向或者垂直方向的偏移量值,取值范围为-400~400,单位px。

标签:设置图标散点层内标签的样式参数。

显示标签

打开开关,图标散点层显示标签样式。

显示方式

设置图标散点层的标签显示方式,可选,包括全显、点击和悬浮三种方式。

设置图标散点层的标签的相对位置样式,可选,包括左侧、中心、右侧、顶部和底部。

设置图标散点层的标签在水平和垂直方向的相对偏移值,单位px,取值范围为-100~100。

内容样式

行字段:行内容的字段名称,需要和数据面板中的字段相匹配。

字段样式:设置行字段样式,包括字段的字体样式、字号大小、颜色和粗细值。

最大宽度:设置标签显示的单行最大宽度,单位为px,字段内容超出该长度将自动换行显示。

行高比例:标签的行高比例值,取值范围为1~2。

背景样式

背景类型:标签背景的类型,可选矢量和图片。

背景颜色:设置标签的背景颜色,仅在背景类型选择矢量时可配置。

边框样式:设置标签边框的样式,包括边框的线类型,线宽的值和颜色。仅在背景类型选择矢量时可配置。

边框圆角:设置标签边框的圆角在四个方向的值,单位px。仅在背景类型选择矢量时可配置。

图片模板:选择背景图片的模板样式,仅在图片模板选择图片时可配置。

不透明度:设置背景图片的不透明度值,取值范围为0~100,仅在图片模板选择图片时可配置。

内容边距:设置标签中的内容距离上下左右四个方向的边距值。

交互:图标散点层的交互配置项。

尺寸缩放:拖动滑块设置图标散点尺寸缩放的范围,取值范围为1~2。

条件:条件样式说明。

图形:打开开关,配置该样式中的图形配置项;关闭开关,无法配置该样式下的图形配置项。

自定义弹框样式:设置图标散点层内自定义弹框的样式参数。

弹框开关

打开开关,可以通过点击或悬浮触发弹框。

设置图标散点层弹框显示的方式,可选,包括点击和悬浮两种方式。

设置弹窗在水平和垂直方向的相对偏移像素距离,取值范围为-1000~1000,单位px。

文本样式

设置弹框内的文本样式,包括文本的字体样式、字号大小、颜色和文本粗细值。

显示空值

打开开关,在无info字段或空info字段对象上可以弹框显示为“无数据”,关闭开关时,对于无info字段的数据,交互不会弹出对应的弹框。

弹框样式

内边距:设置弹框文本的内容距离上下左右四个方向的边距值。

边框样式:设置弹框边框的圆角值、线宽和颜色。

背景颜色:设置弹框的背景颜色。

投影样式:设置弹框投影的模糊色、模糊半径、X偏移和Y偏移。

关闭按钮:打开开关,图标散点层的弹框显示关闭按钮和按钮的颜色。

指向箭头:打开开关,图标散点层的弹框显示指向箭头。

字段

lng

散点的经度。

lat

散点的纬度。

popupType

(可选)弹框类型(需要搭配二次开发功能使用)。

info

(可选)自定义弹框内容。

name

(可选)散点的标注名称。

value

(可选)散点在配置项内用于数据映射的值,缺失则按无数据配置渲染。

id

(可选)散点的唯一标识信息。

iconField

(可选)散点的形状映射字段。

数据项配置

数据源

组件的数据源中通过代码编辑或可视化编辑展示了组件所包含的数据字段。也可以修改数据类型,灵活配置组件数据。

数据映射

过滤器

数据响应结果

禁止加载态

勾选复选框,在组件更新和预览数据看板时,将看不到组件初始化时的加载内容,去勾选则相反。默认为去勾选状态。

受控模式

勾选复选框,组件初始化状态下不请求数据,仅通过全局变量或蓝图编辑器配置的方法发起请求数据;去勾选复选框,可以使用自动更新请求数据。默认为去勾选状态。

自动更新请求

交互

当点击点时

当鼠标移入时

在图层节点页签下,添加当前组件至主画布中。

事件

当数据接口请求完成时

数据接口请求返回并经过过滤器处理后抛出的事件,同时抛出处理后的JSON格式的数据。具体数据示例请参见画布编辑器中组件右侧配置面板数据源页签的数据响应结果区域。

当单击图标散点层的散点时抛出的事件,同时抛出该散点对应的经纬度数据项。

当鼠标移入图标散点层的散点时抛出的事件,同时抛出该散点对应的经纬度数据项。

动作

导入数据接口

按组件绘制格式处理数据后,导入组件,重新绘制。不需要重新请求服务端数据。具体数据示例请参见画布编辑器中组件右侧配置面板数据源页签的数据响应结果区域。

请求数据接口

切换显隐

切换组件显示或者隐藏,不需要参数。

显示

显示组件,参考数据示例。

{"animationType":"",//动画方式,可选值:fade,不填无动画。"animationDuration":1000,//动画延迟,单位ms。"animationEasing":""//动画曲线}隐藏

隐藏组件,参考数据示例。

{"animationType":"",//动画方式,可选值:fade,不填无动画。"animationDuration":1000,//动画延迟,单位ms。"animationEasing":""//动画曲线}更新组件配置

动态更新组件的样式配置。需要先在组件的样式面板中,单击复制配置到剪贴板,获取组件配置数据。再根据需要在蓝图编辑器配置页面的数据处理节点中更改对应样式的字段值。

THE END
1.华为图标显示在哪设置华为图标设置在哪华为图标设置在:【华为图标显示在哪设置 华为图标设置在哪】 打开设置,点击桌面和壁纸 , 桌面设置 , 可打开或关闭锁定布局 , 自动对齐,循环滑动按钮 。 华为技术有限公司总部位于中国广东省深圳市龙岗区坂田华为基地,华为于1987年在中国深圳正式注册成立 。2007年合同销售额160亿美元,其中海外销售额115亿美元,并且是...http://m.husay.cn/a/202411/5334669.html
2.css和js改变鼠标的图标形状和样式的方法网页元素上显示系统自带的鼠标样式可能不是我们想要的鼠标样式,经常需要改变鼠标的样式。 css指定鼠标样式 div { cursor: pointer; } 自定义鼠标样式 div { cursor:url(url图片地址) } js改变鼠标样式 document.getElementById(id).style.cursor='pointer'; ...http://tv.speechb.com/detail/30725e67d5a742a2a3316b86f7a55b09
3.如何选择合适的图标?来看这份图标类型和风格汇总六、大尺寸图标样式 大尺寸图标在界面中使用较少,更多用于产品标识或品牌宣传。 1.线性图标 1.1标准线性图标 在设计任何图标前,都可以先创建一个线性轮廓,确保形状看起来足够美观后再添加颜色。 关键点: 这类图标最容易制作。 避免出现轮廓羽化。 线条粗细要一致。 https://www.niaogebiji.com/article-33800-1.html
4....hover)选中(单击,pressed)状态下更换图标样式sgggr三种图标样式(从左往右分别是normal,hover,pressed): 先上效果图: (1)第一种方法:在样式表中设置border-image(在网上看到有人使用background-image的,不推荐,因为那样的话图标大小是不会自动缩放的,有兴趣的可以试一下)。 QPushButton *button1 =newQPushButton(this); ...https://www.cnblogs.com/sggggr/p/12673026.html
1.PPT中设置图标的三步指南(ppt怎么设置的图标)将鼠标放在这些控制点上,当鼠标变成双向箭头时,按住鼠标左键并拖动,即可调整图标的大小。 要移动图标,只需点击并拖动图标到幻灯片上的所需位置。 第三步:设置图标样式 选中图标后,可以在菜单栏中找到“格式”选项(如果您的PPT版本不支持,可能需要通过右键点击图标并选择“设置形状格式”)。 https://ppt.zaixianjisuan.com/fangan/pptzhong-she-zhi-tu-biao-de-san-bu-zhi-nan.html
2.WPSOffice中的图形设计工具使用介绍首先,WPS Office中的图形设计工具主要包括“插入形状”、“文本框”、“图像”、“SmartArt”以及“图表”等功能。这些工具不仅能够丰富文档的视觉效果,还能够增强内容的表达力,使其更加生动有趣。 ### 插入形状 在WPS Office中,用户可以通过“插入”菜单中的“形状”功能,选择常见的几何形状(如矩形、圆形、箭头等...https://www.yihemeixiao.com/news/3665.html
3.可爱小图标设计与应用指南.gif格式:虽然主要被用于动画制作,但其透明背景和较小的文件大小使其适用于某些特定的图标设计场合。 .svg格式:是一种基于XML的矢量图形格式,兼容性强,支持CSS样式,适用于Web设计和响应式图标。 在选择图标格式时,考虑最终用途、图像质量和存储需求是至关重要的。不同格式有着各自的优势和局限,选择合适格式能够确保...https://blog.csdn.net/weixin_36431814/article/details/144124458
4.office2010样式怎样选选word2010中,“样式”按钮在哪个工具栏上1、首先,打开Office2010中的Word文档,点击位于左上角的“插入”按钮。接着,在弹出的菜单中选择“形状”选项,打开形状列表。这里提供了多种形状供用户选择,点击任意一个形状并确认,即可在文档中插入图形。在插入图形后,可以通过点击图形右下角的箭头,打开样式选项,对图形进行详细的设计和调整。 https://www.915go.com/bangong/15410.html
5.从文件图标到个性化图片(打造独一无二的桌面体验,让文件图标焕发...在电脑使用中,我们每天都要面对各种各样的文件和文件夹,而它们的图标却往往统无聊。想象一下,如果我们能够将这些文件图标改成我们喜欢的、个性化的图片,岂不是会让我们的桌面变得更加独特和有趣?本文将为你介绍如何实现这一目标。 为什么要定制文件图标? https://www.2petclub.cn/post/9338.html
6.设置图标的视觉特征win11问题win7win10问题设置图标在用户界面中扮演着重要角色,帮助用户快速找到系统设置选项。 1、设置图标的视觉特征 设置图标通过线性、面性等风格,展现出独特的视觉魅力和识别度。 2、设置图标的形状与样式 设置图标样式多样,包括线性、面性、双色线面等,适应不同平台和功能需求。 https://www.shangyouw.cn/win11%E9%97%AE%E9%A2%98/arc363771.html
7.模板窝4、选中最上面的第一个矩形,右键鼠标设置图形格式,在右侧的设置图形格式窗口中切换到填充设置,在填充中选择图片或纹理填充,然后点击图片将一个logo填充到第一个矩形上;其他的矩形也是同样的操作,依次将ogo图片填充到对应的11个矩形中。 以上就是ppt排版logo图标的教程,希望大家喜欢。https://www.moban110.com/article/0t4svpf97121
8.androidstudio怎么设置按键形状在本文中,我们介绍了三种设置按键形状的方式:使用自定义背景、使用按钮样式和使用矢量图标。通过这些方式,可以根据需求来设置按钮的形状。无论选择哪种方式,都需要注意保持按钮的可点击性和可访问性。希望本文对你在Android Studio中设置按键形状有所帮助。 https://blog.51cto.com/u_16213317/8961634
9.圆形状样式图标矢量圆形状样式图标矢量艺术插画图片下载摄图网为设计师提供大量图片素材和摄影照片:圆形状样式图标矢量圆形状样式图标矢量艺术图片,偶像,圆,圆圈,标志,模板,现代的,矢量,艺术,风格等,你现在浏览的正版图片编号304361944,搜索图片就来摄图网!https://699pic.com/tupian-304361944.html
10.如何在.NET电子表格应用程序中创建流程图腾讯云开发者社区此步骤介绍如何应用样式主题以及如何将自定义样式应用于形状。用户可以使用“形状格式”选项卡的“形状样式”部分自定义形状的背景颜色和轮廓颜色。 对于本例,流程图形状和连接器的样式如下: 7.分组流程图形状 对流程图形状进行分组可确保所有相关元素保持在一起并保持其预期布局,从而降低意外修改的风险。Spread 的设计...https://cloud.tencent.com/developer/article/2343574
11.WPS如何改变图片形状呢?wps改变图片形状的操作步骤摘要:WPS无论是在生活中还是工作中都需要用的一种最常用的办公软件,接下来小编就来给大家详细助解WPS如何改变图片形状呢?wps改变图片形状的操作步骤,我们一起来瞧一瞧,看一看吧! 操作步骤如下: 1、在计算机桌面的Wps演示图标上双击鼠标左键,将其打开运行。如图所示; 2、在打开的Wps文稿窗口,插入图片,并将图片复制...https://www.hqew.com/tech/news/1791551.html
12.形状选择工具—KritaManual5.2.0文档几何属性是形状选择工具的的第一个标签页。你可以在里面查看和微调形状的左上角 X/Y 坐标 (左边一组数值框) 和形状的宽度和高度 (右边一组数值框)。点击最右边的锁定图标,形状的宽高比将被锁定。 等比例缩放样式 勾选:在缩放时,形状的描边将与形状本身保持比例,一同缩放。 不勾选:在缩放时,形状的描边将保持...https://docs.krita.org/zh_CN/reference_manual/tools/shape_selection.html
13.办公自动化实验实验指导书5)“页面设置”:B5纸、页眉、页脚=0、整表在页面的“水平”方向“居中” 6)加表格线、数据对齐方式设置步骤 (A)加表格线:仅选中有数据的区域,单击“格线”图标---选“田”字按钮 (B)进入“单元格格式”设置窗口,在“文本对齐方式”的两个方向均选“居中” 7)...https://emtc.dlou.edu.cn/2013/1222/c2449a22096/page.psp
14.基础组件Button按钮按钮形状 图标按钮 按钮尺寸 块级元素 页面导航 自定义颜色 API Props Events Slots 类型定义 主题定制 样式变量 Button 按钮 介绍 按钮用于触发一个操作,如提交表单。引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。import { createApp } from 'vue'; import { Button } from 'vant'; const ap...https://www.bookstack.cn/read/vant-3.6.4-zh/536e04f8892def29.md
15.如何在PowerPoint中插入形状和图标?3. 使用颜色和样式来突出显示形状和图标,以增强视觉效果并吸引观众的注意力。 4. 如果您不确定要使用哪种形状或图标,可以查看PowerPoint的内置模板或在网上搜索一些流行的选项。 5. 如果您经常需要插入形状和图标,可以考虑使用快捷键以提高效率。例如,在Windows上,可以使用Ctrl + Shift + S来快速插入形状。 https://www.sousou.com/bk/53872.html
16.UnrealEngine4游戏开发指南第1章是本书的基础。该章介绍如何和在哪里下载Unreal Engine,了解源代码版本和启动器版本之间的区别。Unreal Engine安装(如果是源代码版本,则是编译)之后,展示Unreal Engine的用户界面。该章还讲述浏览器、BSP以及如何更改游戏的启动画面和图标。 第2章讲述在启动并运行Unreal Engine后如何将自定义的FBX资源导入Unreal...https://www.epubit.com/bookDetails?id=UB6c8733ad1529e
17.如何使用图标集在Visio 专业版 中,图标集是一种可在将数据导入绘图中的形状后应用的数据图形。 以下示例显示了这三个形状中每一个形状的“On”跟踪字段的图标集: 显示条件或“25%,50%,75% 已完成...” 图标集适用于显示条件。例如,绿色图标表示处于良好状态的形状,黄色图标表示部分良好状态,红灯表示关注点。 https://support.microsoft.com/zh-cn/office/85a2863a-90cf-4a19-acb8-a3216cac4b7a
18.ppt制作小图标PPT中自带了一个丰富的图标库,我们可以通过直接插入这些图标来快速制作各种小图标,而不需要自己重新绘制形状或者寻找素材。 具体操作方法如下: 1. 点击“插入”-“图标”,打开图标库窗口。 2. 在图标库中选择需要插入的小图标类型和样式,点击“插入”按钮。 http://www.chinauci.cn/news/brandnews/42150.html
19.在Photoshop中使用渐变随机:随机创建符合上述设置的渐变。选择该按钮,直至找到所需的设置为止 要创建具有指定设置的预设渐变,请在“名称”文本框中输入名称,然后单击“新建”。 如何使用渐变预设 全面了解如何应用 Photoshop 中新的和改进的“预设”面板。从色板到图案,从渐变到样式和形状,Julieanne Kost 探索了所有预设。 Julieanne Kost...https://helpx.adobe.com/cn/photoshop/using/gradients.chromeless.html