检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
如何在数据集或跳转事件动作中设置变量 在组件的数据集或组件的跳转事件动作中，是支持设置变量的。 在数据集或事件动作中设置变量 在大屏编辑页面上方，单击，新建并设置页面级全局变量。 例如，新增全局变量“url”，设置变量说明为“数据详情页面URL”。 图1 新增全局变量 从“全部组件
表示变量名，例如“selectValue”。 在组件“.js”文件逻辑代码中，使用“thisObj.triggerEvent()”方法触发该事件时，要将变量字段传入发送的data中。 fields[0].desc 变量的中英文描述，可选配置。 在组件的“global_SelectWidget.js”文件中，注册名称为“sendSelect”的事件。
{widget}.js 文件介绍 {widget}.js为组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。一个推荐的组件架构，应包含表1中API。其中，init、render和beforeDestory为组件的通用生命周期函数，其余为推荐模板实现。
{widget}.editor.js 文件介绍及示例 eventConfig classfication propertiesConfig 父主题： 目录文件详解
目，进入项目。 在主菜单中，选择“项目设置”，进入项目设置页面。 参考设置项目锁中操作，获取项目锁。 在左侧导航栏中，选择“资源”。 单击“新建资源”，依次引入有依赖关系的资源。 图1 新增资源 资源：选择需要添加的库。请依次添加有依赖关系的资源，例如A依赖B，请先添加B再添加A。
选中背景颜色：设置选中快捷时间时，快捷时间背景的颜色。 输入框设置 下方输入框的设置，对时间选择器组件中所有输入框生效。 字体：设置输入框中文字的字体、大小和颜色等。 背景颜色：设置输入框的背景颜色。 边框颜色：设置输入框边框的颜色。 边框聚焦颜色：当鼠标单击或键盘操作将焦点置于时间选择器组件上时，边框所呈现的颜色。
支持设置如下属性。 趋势名称：设置主要趋势的名称。 趋势名称字体：设置主要趋势名称的字体、大小和颜色。 数字字体：设置主要趋势数字的字体、大小和颜色。 趋势位置：设置主要趋势的位置。 前缀：是否显示前缀，设置为“显示”时，支持设置如下属性。 前缀内容：输入主要趋势前缀的内容。 前
最大高度：设置下拉弹出框的最大高度。 背景颜色：设置下拉弹出框的背景色。 字体颜色：设置下拉弹出框中字体的颜色。 选中态背景颜色：设置选中某项内容时，背景的颜色。 选中态字体颜色：设置选中某项内容时，字体的颜色。 鼠标悬浮时背景颜色：设置鼠标悬浮在某项内容上时，背景的颜色。 鼠标悬浮时字体颜色：设置鼠标悬浮在某项内容上时，字体的颜色。
下拉框背景颜色：设置下拉框的背景颜色。 下拉框字体颜色：设置下拉框的字体颜色。 下拉框选中态背景颜色：设置下拉框选中态的背景颜色。 下拉框选中态字体颜色：设置下拉框选中态的字体颜色。 下拉框鼠标悬浮时背景颜色：设置下拉框鼠标悬浮时的背景颜色。 下拉框鼠标悬浮时字体颜色：设置下拉框鼠标悬浮时的字体颜色。 树状表格
显示：是否显示年月日。 字体：设置年月日字体、颜色和大小等。 时间 显示：是否显示时间。 字体：设置时间字体、颜色和大小等。 星期 显示：是否显示星期。 字体：设置星期字体、颜色和大小等。 背景颜色：设置组件背景颜色。 时间条颜色：设置时间条背景颜色。 交互 在交互中，配置时间展示与其
radio 单选 checkbox 多选 颜色类型 colorpicker 颜色选择器 时间日期类型 time 时间选择器 下拉选择类型 select 下拉选择 循环类型 list 循环 config配置示例 config配置示例如下，设置后效果如图1所示。 { migrateFrom:
{widget}.editor.js为组件属性定义文件，负责组件编辑状态时需要渲染的界面和逻辑。其中，“{widget}”为自定义组件的名称，如本示例中该文件名为“EchartsWidgetTemplate.editor.js”。{widget}.editor.js文件只在组件编辑状态被加载，
左间距：设置后缀和数值之间的间距。 趋势数字：是否显示趋势数字，设置为“显示”时，支持设置如下属性。 上升趋势数字字体：设置上升趋势数字的字体、大小和颜色等。 持平趋势数字字体：设置持平趋势数字的字体、大小和颜色等。 下降趋势数字字体：设置下降趋势数字的字体、大小和颜色等。 趋势位置：趋势相对于数字的位置。
期对分类也进行了分组，因此这个字段被扩展为双数组形式。一般默认情况下，直接在数组对象的第一个数组中配置即可。如果无配置，则所有属性展示在一个大的分类下。 classfication中的配置包含预置分类和自定义分类两种。 预置分类：主要是使用平台预置分类。 自定义分类：支持平台预置分类和用户自定义分类。
边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置搜索框和搜索按钮。 图4 搜索框配置 搜索框设置 字体：搜索内容的字体大小、颜色等设置。 背景颜色：设置搜索框的背景颜色。 边框颜色：默认状态下，搜索框边框的颜色。 边框
系列名：标签是否显示系列名，对应静态数据中的“label”字段。 系列名字体：设置系列名的字体、大小和颜色等。“标签悬浮”设置为“开启”时，显示该配置项。 数值：标签是否显示数值，对应静态数据中的“value”字段。 数值字体：设置数值的字体、大小和颜色。“标签悬浮”设置为“开启”时，显示该配置项。
星期 显示：是否显示星期。 字体：设置星期字体、颜色和大小等。 年月日 显示：是否显示年月日。 字体：设置年月日字体、颜色和大小等。 时间 显示：是否显示时间。 字体：时间的字体、文字大小和文字颜色等。 卡片背景色：设置组件卡片的背景颜色。 卡片宽度：卡片的宽度，取值范围为[0, 200]，单位为px。
dget}.js文件中，注册的事件id。 window.Studio.registerEvents(this, 'clickSeries', { zh_CN: '点击系列', en_US: 'Click Series' }); clickSeries对象中，“desc
字体：今日天气的字体、大小和颜色等设置。 当前星期 是否显示：是否显示当前星期。 字体：今日星期的字体、大小和颜色等设置。 当前日期 是否显示：是否显示当前日期。 字体：今日日期的字体、大小和颜色等设置。 当前时间 是否显示：是否显示当前时间。 字体：当前时间的字体、大小和颜色等设置。 今日其他指标
图4 热力图图形 颜色：设置图表中，图形的颜色。 热力颜色 在颜色设置中，可以更改热力颜色，也可以单击“新增颜色设置”，添加色块颜色。 热力范围 着色显示的数据范围，需要设置最大值和最小值。 热力标注 设置是否显示标注，设置显示时，需要设置字体、字体颜色和字体大小。 图例 图例是
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
