检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
{widget}.css:组件的样式文件,在该文件中编写组件的CSS样式。 {widget}.editor.js:组件核心渲染文件。组件属性定义文件,负责组件编辑状态时需要渲染的界面和逻辑。 {widget}.flt:组件DOM结构文件,需要在服务端提前渲染的部分可以写在此文件中,相当于HTML文件,负责样式展示。
样例报文:对应API接口的响应样例报文数据格式,数据集的元数据结构由该样例报文经转换器处理后的数据结构确定。 转换器:选择新建转换器中创建的转换器或华为云Astro大屏应用预置的转换器,用于对数据进行转换处理。本示例新建一个转换器,用于返回符合条件的数据。 图3 新增一个转换器
目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 动作:创建HTTP连接器时,定义的执行动作。 参数:执行动作在连接器中,定义的参数。字段类型为“表达式”时,在字段值中单击鼠标,可进入表达式设置页面。在表达式
Server”时,该参数才会显示。 用户名:登录数据库的用户名。 密码:登录数据库用户对应的密码。 数据库名称:数据库实例的名称。 描述:新建数据源的描述信息。 单击“连接测试”,显示“连接成功”,表示数据源可以调通。 单击“保存”,完成数据源的创建。 父主题: 数据源管理
{widget}.editor.js 文件介绍及示例 eventConfig classfication propertiesConfig 父主题: 目录文件详解
"commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN": "中文标签", "en_US": "En label" } 配置项的标签,需要国际化。 tip Object
图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 三角形水位图图形 颜色:设置图表中,图形的颜色。 统一配置 是否展现:是否展示水位图开关。 横坐标(%):水位图整体在组件位置中的横坐标百分比。 纵坐标(%):水位图整体在组件位置中的纵坐标百分比。
在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击待复制数据集中的,选择“复制到工作空间”。 在弹出的页面,选择目标工作空间,单击“确定”。 切换到目标工作空间,在“数据中心 > 数据集 > 全部”页面中,即可查看到对应的数据集。 父主题: 数据集管理
{widget}.html为组件DOM结构文件,相当于HTML文件,负责样式展示。 在华为云Astro大屏应用中自定义组件时,需要在服务端提前渲染的部分,可以写在此文件中。 文件示例 <div id="EchartsWidgetTemplate" v-cloak> <div ref="echartsDom"
css 文件介绍 {widget}.css为组件的样式文件,在该文件中编写组件的CSS样式。 华为云Astro大屏应用的组件未进行打包编译,CSS样式可能存在互相影响的风险。因为,CSS选择器务必要加上组件id,通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate
json 文件介绍 i18n.json为组件的国际化资源文件,用于配置多语言,目前支持的多语言包含中英文两种,相应的key值分别为['zh-CN','en-US']。多语言文件支持配置在多个Json中,在packageinfo.json中的配置示例如下: "i18n": [{ "name":
Server、MySQL、Oracle、GaussDB或PostgreSQL创建的数据集。 前提条件 连接的数据源已创建,如何创建请参见关系型数据库数据源。 约束与限制 “数据配置”选择“SQL模式”时,输入的SQL语句中如果含有和数据库中字段名称相同的关键字,关键字格式需遵循如下规则: MySQL数据库加反引号“``”
'只聚焦当前高亮的数据的图形', en_US: 'Self' }, value: 'self', }, { label: { zh_CN: '聚焦当前高亮的数据所在的系列的所有图形'
"commProps.myString" 该字段的值与advanceEditvm中的commProps.myString双向绑定。 label Object 否 label: { "zh_CN": "中文标签", "en_US": "En label" } 配置项的标签,需要国际化。 tip Object
widegtApi > name:组件的名称,如“EchartsWidgetTemplate”。 widgetDescription:组件的描述信息。 authorName: :组件的作者信息。 width:在绝对布局高级页面中,添加该组件时的默认宽度,单位为“px”,不填写默认为“200px”。
API说明 init 组件渲染的入口函数,组件自己实现继承,使用推荐模板即可。 render 整个组件渲染的业务逻辑实现入口,组件自己实现继承。 getConnectorProperties 获取Connector对接的配置值,用于查看与Connector相关的信息。 getConnectorInstanceByName
如何在数据集或跳转事件动作中设置变量 在组件的数据集或组件的跳转事件动作中,是支持设置变量的。 在数据集或事件动作中设置变量 在大屏编辑页面上方,单击,新建并设置页面级全局变量。 例如,新增全局变量“url”,设置变量说明为“数据详情页面URL”。 图1 新增全局变量 从“全部组件
API API说明 getCookie 用于获取某个cookie的值。 setCookie 用于设置cookie的值。 getI18n 返回一个Vue18n的实例。 getCsrfToken 通过ajax的方式,调用平台的接口时使用。 refreshToken 用于手动刷新页面的accesstoken。
API说明 savePropertiesForWidget() 用于在开发态中保存当前组件的高级设置属性信息。 savePropertiesForWidget() 该API用于在开发态中,保存当前组件的高级设置属性信息。 /* * @param {*} props {} */ magno
用户在接入桥接器时,如果预置的桥接器无法满足要求,可自定义桥接器。关于connector/model等参数对象的规则介绍,请参考自定义桥接器。 registerEvents 一般用于在组件初始化阶段注册事件,只有通过此API注册后的事件才会在组件的事件列表中展现。同样只有注册的事件之后才能通过