检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
packageinfo.json 文件介绍 packageinfo.json是组件的元数据描述文件,用于配置组件的基本信息。 文件示例 { "widgetApi": [{ "name": "EchartsWidgetTemplate" }], "widgetDescription":
i18n.json 文件介绍 i18n.json为组件的国际化资源文件,用于配置多语言,目前支持的多语言包含中英文两种,相应的key值分别为['zh-CN','en-US']。多语言文件支持配置在多个Json中,在packageinfo.json中的配置示例如下: "i18n":
Warehouse Service,简称DWS)是完全托管的企业级云上数据仓库服务,具备免运维、在线扩展、高效的多源数据加载能力,兼容PostgreSQL生态。助力企业经济高效地对海量数据进行在线分析,实现数据快速变现。更多关于DWS的介绍,请参见DWS产品文档。 前提条件 连接的数据源已创建,如何创建请参见DWS数据源。
Warehouse Service,简称DWS)是完全托管的企业级云上数据仓库服务,具备免运维、在线扩展、高效的多源数据加载能力,兼容PostgreSQL生态。助力企业经济高效地对海量数据进行在线分析,实现数据快速变现。更多关于DWS的介绍,请参见DWS产品文档。 操作步骤 参考登录A
在数据类型中,选择“静态数据”。 图1 选择静态数据 根据业务需求自定义静态数据,也可直接使用系统预置的数据,单击“保存”。 您可以通过“Excel模式”和“Json模式”两种模式设置静态数据。设置为“Excel模式”时,可执行如下操作: 单击“文件导入”,可将本地的数据导入到当前组件中使用。仅支持导
选中最上方的水平基本柱图组件,在组件上方单击,配置组件数据,单击“保存”。 “数据类型”选择“静态数据”,“输入数据”选择“Json模式”,输入如下示例数据,并单击,格式化数据。 [{ "x": "人员统计", "y": 153, "s":
选择水平基本柱图组件,单击组件上方的,配置数据源,完成后单击“保存”。 “数据类型”选择“静态数据”,“输入数据”选择“Json模式”,输入如下示例数据,并单击,格式化数据。 [{ "x": "10-01", "y": 311, "s":
加一个packageinfo.json元数据描述文件,在该文件中列出Library包含的js和css文件名,并打成Zip包。该场景中Zip包为“MintUI.zip”,单击链接获取该包。 图1 MintUI库文件结构 packageinfo.json包含所要引入的文件。例如,Mi
发布项目 操作场景 项目开发完成后,可以直接在线预览,也可以一键打包从A环境发布、B环境安装,实现开发 > 测试 > 上线的快速部署,从而实现不同环境之间资产的快速迁移。发布项目,支持将项目中的数据集数据一并进行打包。 前提条件 发布项目前,请确保项目中的页面已发布。 操作步骤
在本地开发组件后,频繁的打包组件包上传至公共环境再查看页面显示效果,是一件效率极低的事情。通过该配置,可打通本地环境与公共环境,实现实时在线调测组件。 单击“检查更新”,检查组件是否有版本更新,如果有新版本组件,请单击“升级所有插件”。 您也可以单击待升级插件后的,对组件进行升级。
单击该图标,可在线编辑该版本库。 编辑库 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的库”。 将鼠标放在对应的库上,单击。 图6 编辑库 在库编辑页面,单击右上角的,获取锁。 按需在线修改库文件,单击。
通过AstroCanvas中预置的交通管理模板,快速创建一个可视化大屏页面。 预览并发布大屏页面 在线预览大屏页面效果,确保开发编辑效果与发布后运行效果一致。预览效果符合预期后,可直接发布大屏页面,并在线查看城市交通状况。 步骤一:注册账号并实名认证 使用AstroCanvas前,需要先注册
为了便于描述,对于名称不固定的手册,统一采用“{widget}”来命名。 i18n.json:组件的国际化资源文件,用于配置多语言。例如,messages-zh.json为中文,messages-en.json为英文。 packageinfo.json:组件的元数据描述文件。 {widget}.css:组件
目录文件详解 i18n.json packageinfo.json {widget}.css {widget}.editor.js {widget}.ftl {widget}.js 父主题: 代码结构介绍
// 属性应该与editor.js中的属性对应 barChartProps: JSON.stringify(_this.barPropList), barCommProps: JSON.stringify(_this.barCommProps) }); 属性值需要是S
会显示输出结果。 样例报文:对应API接口的响应样例报文数据格式,元数据结构由该样例报文经转换器处理后的数据结构确定。单击“格式化”,可对样例报文进行格式化处理。 转换器:选择转换器,用于对数据进行转换处理。 数据预览:单击“数据预览”,在右侧可直观展示经过转换器处理后的样例报文。
结果。 样例报文:对应API接口的响应样例报文数据格式,数据集的元数据结构由该样例报文经转换器处理后的数据结构确定。 单击“格式化”,可对样例报文进行格式化处理。 转换器:选择新建转换器中创建的转换器或AstroCanvas预置的转换器,用于对数据进行转换处理。 单击“保存”,完成HTTP连接器数据集的创建。
结果。 样例报文:对应API接口的响应样例报文数据格式,数据集的元数据结构由该样例报文经转换器处理后的数据结构确定。 单击“格式化”,可对样例报文进行格式化处理。 转换器:建议使用系统预置的“PromAPI预置连接器”,用于对数据进行转换处理。 单击“保存”,完成Prometheus数据集的创建。
js、BarGraph.ftl、BarGraph.js和packageinfo.json文件中组件ID。 如果自定义组件需要在不同的语言环境下使用,messages-zh.json和messages-en.json文件中的“EchartsWidgetTemplate”关键字也请替换为“BarGraph”。
{"name":"D市","value":165},{"name":"E市","value":729}]}} 输入样例报文后,单击“格式化”,可对样例报文进行格式化处理。 转换器:选择新建转换器中创建的转换器或AstroCanvas预置的转换器,用于对数据进行转换处理。 数据预览:单击“