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