单张图片各配置项的含义是什么_DataV数据可视化-阿里云帮助中心

相关文章推荐

聪明的椅子 · html下划线虚线代码 - CSDN文库· 1 年前 ·

玩足球的灯泡 · c# Interface, virtual ...· 2 年前 ·

腼腆的茶叶 · 如何使 pdf ...· 2 年前 ·

一直单身的匕首 · python中列表(list)和元组(tup ...· 2 年前 ·

单张图片是媒体组件的一种，支持自定义图片的URL地址和跳转链接，能够为可视化应用和其他组件添加自定义的背景图，使操作更加智能，可视化应用更加美观。本文介绍单张图片各配置项的含义。

搜索配置：单击配置面板右上角的搜索配置，可在搜索配置面板中输入您需要搜索的配置项名称，快速定位到该配置项，系统支持模糊匹配。详情请参见搜索资产配置。

图表尺寸：包括组件的宽度和高度，单位为px。可单击锁定长宽比按键

图标锁定组件的宽高比，等比例修改组件的宽高。再次单击进行解锁，解锁后宽高比不受限制。

图表位置：包括组件的横坐标和纵坐标，单位为px。横坐标为组件左上角距离页面左边界的像素距离，纵坐标为组件左上角距离页面上边界的像素距离。

旋转角度：以组件的中心为中心点，进行旋转，单位为度（°）。

手动输入角度值，控制组件的旋转角度。

拖动

图标内的黑点，控制组件的旋转角度。

单击

图标，控制组件左右翻转样式。

单击

图标，控制组件上下翻转样式。

不透明度：取值范围为0~1。为 0 时，图表隐藏；为 1 时，图表全部显示。默认为 1 。

图片类型：组件可选择的图片类型，包括：位图和矢量图。

背景图：当图片类型配置项选择位图时，您可以自定义背景图片的内容。如果您需要使用远程服务器上的图片，请在上方的输入框中输入图片的URL地址；单击图片框内的预览，即可预览按钮图片的大图样式；单击图片输入框下方的虚线框内的更改，更改图片设计资产详细功能请参见使用界面功能说明。如果配置页签和数据页签都配置了图片，则优先使用数据页签中的图片配置。

说明目前背景图配置项内支持添加 PNG 、 JPG 、 GIF 、 JPEG 等格式的位图图片。

矢量图：当图片类型配置项选择矢量图时，您可以自定义背景图片的内容。如果您需要使用远程服务器上的图片，请在上方的输入框中输入图片的URL地址；单击图片框内的预览，即可预览按钮图片的大图样式；单击图片输入框下方的虚线框内的更改，更改图片设计资产详细功能请参见使用界面功能说明。如果配置页签和数据页签都配置了图片，则优先使用数据页签中的图片配置。

说明目前矢量图配置项内仅支持添加 SVG 格式的矢量图片。

填充色：当图片类型配置项选择矢量图时，您可以配置组件的内部填充颜色。

图片重复：背景图的重复方式，可选不重复，拉伸满、水平和垂直重复、水平重复和垂直重复。

圆角：图片的圆角大小，取值范围为0~360。数值为0的时候图片为方形，数值为360时图片为圆形。

超链接配置：配置后，在预览或发布页面，单击图片区域会跳转至指定的超链接。

说明组件数据面板默认是默认模式，您可以单击切换数据面板左上角的分析模式，即可在弹窗对话框内，确认将组件转为分析模式并创建分析器，并单击确认变更，使用DataV数据集提供的分析模式功能后，当前组件会转换成BI分析模式组件，组件数据面板变为分析模式，详情请参见数据（分析模式）。表 2. 配置项说明 "animationDuration": 1000, // 动画曲线。可选值为：linear|easeInOutQuad|easeInOutExpo。 "animationEasing": "linear"