图片

样式

本章节介绍图片的样式各项配置项的含义。

• 尺寸位置
  • W：设置图表的宽，单位为px。
  • H：设置图表的高，单位px。
  • X：设置图表在画布中的位置。单位为px。
  • Y：设置图表在画布中的位置。单位为px。
  • 不透明度：设置图表在画布上的透明度，可通过滑动条进行设置，也可手动输入百分比，比例越大透明程度越低。
  图1 尺寸位置
  
• 全局样式
  • 图片：选择图片，您可以通过如下三种方式加载图片到大屏中。
    1. 在“图片”后显示“url”的框中输入图片的地址。
    2. 单击“图片”下方的虚线框，选择图片。
    3. 直接拖动图片至“图片”下方的虚线框中。

    图片选择后，您也可以进行编辑和删除操作。单击图片区域的可以删除当前图片，单击可以修改当前图片。

    

    请合理谨慎使用背景图片功能，该功能可能使您的背景图数据泄露。

  • 缩放模式：单击下拉选项，可以设置图片的缩放模式。可设置为默认、按比例缩放、裁剪缩放、拉伸缩放。
  • 图片位置：单击下拉选项，可以设置图片的位置。可设置为居中对齐、左对齐、右对齐、顶对齐、底对齐。
  图2 全局样式
  

交互

本节介绍媒体相关交互的相关的样各配置项的含义，仅图片支持交互设置。

1. 单击“交互”进入交互页面。
2. 单击“编辑交互事件”，进入交互编辑页面。
   图3 交互编辑页面
   
3. 选择事件，支持设置为点击。
4. 添加动作，动作支持隐藏和显示（根据选择的组件显示不同的动作值）。
5. 单击“确定”，完成交互事件的设置
   

   • 数据过滤动作操作符分为string字符串类型、number数值类型、date日期类型。
     • string字符串类型支持的字符有精确匹配、不等于、包含、不包含、开头是、结尾是、为空、不为空。
     • number数值类型支持的字符有＝、≠、>、≥、＜、≤为空、不为空。
     • date日期类型支持的字符串有＝、>、≥、＜、≤。
   • 交互支持绑定数据集的SQL占位符。
     • 前提：在关联的数据集中编辑SQL，加入动态参数，将参数设置成全局生效。
     • 进入组件编辑页面，单击“交互”进行交互设置。

效果图

图4 图片效果图