检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
标签显示:是否显示刻度标签。打开后需要设置刻度标签字体、字体颜色、大小、粗细。 刻度标签字体:刻度标签的字体、字体颜色、字体大小设置。 网格线是否显示:是否显示轴网格线、轴网格线的类型和颜色设置。 数据 在数据中,设置热力图组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置热
指标展示。 图5 提示 图6 设置提示效果 显示提示:开启后,在预览图表时,鼠标放在对应的序列上会显示提示信息。 特征标记:设置提示框显示的内容,可以是系列名和数据值、也可以是其中的一种。 数据 在数据中,设置词云的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置词云与其
ROMA连接器数据源 操作场景 第三方接口或服务通过配置为ROMA连接器的方式,接入外部数据。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据源”。 在数据源管理页面,单击“新建数据源”。
管理员:拥有大屏开发权限、数据中心开发权限和添加用户到管理员、开发者、数据分析师、数据工程师和访问者权限。 开发者:拥有大屏开发权限、数据中心开发权限。 数据分析师:拥有大屏开发权限、数据中心只读权限。 数据工程师:拥有大屏只读权限、数据中心开发权限。 访问者:拥有大屏只读权限、数据中心只读权限
标签字体:水位图中心标签字体设置(字体样式、粗细、大小、颜色)。 波浪上时文本颜色:当水位图淹没标签字体时显示的字体颜色。 轮廓样式是否展现:水位图外层轮廓展示开关。 边框宽度:水位图外层轮廓宽度。 颜色:轮廓颜色样式设置,可以设置为单色或渐变色。 数据 在数据中,设置组件的数据来源,更多介绍请参见数据接入。
刻度标签显示:是否显示刻度标签。打开后可设置刻度标签字体颜色、大小、粗细。 Y轴单位:设置Y轴的单位。 反转:是否对轴数据进行反转。 柱形阴影:是否显示柱形阴影,打开后可设置阴影颜色、显示数据/占比、水平/垂直偏移量等。 网格线(需设置对应轴显示):是否显示轴网格线、轴网格线的类型和颜色设置。 刻度标签旋
标签字体:水位图中心标签字体设置(字体样式、粗细、大小、颜色)。 波浪上时文本颜色:当水位图淹没标签字体时显示的字体颜色。 轮廓样式是否展现:水位图外层轮廓展示开关。 边框宽度:水位图外层轮廓宽度。 颜色:轮廓颜色样式设置,可以设置为单色或渐变色。 数据 在数据中,设置水滴水位图组件的数据来源,更多介绍请参见数据接入。
标签字体:水位图中心标签字体设置(字体样式、粗细、大小、颜色)。 波浪上时文本颜色:当水位图淹没标签字体时显示的字体颜色。 轮廓样式是否展现:水位图外层轮廓展示开关。 边框宽度:水位图外层轮廓宽度。 颜色:轮廓颜色样式设置,支持单色、渐变色。 数据 在数据中,设置矩形水位图组件的数据来源,更多介绍请参见数据接入。
标签字体:水位图中心标签字体设置(字体样式、粗细、大小、颜色)。 波浪上时文本颜色:当水位图淹没标签字体时显示的字体颜色。 轮廓样式是否展现:水位图外层轮廓展示开关。 边框宽度:水位图外层轮廓宽度。 颜色:轮廓颜色样式设置,可以设置为单色或渐变色。 数据 在数据中,设置箭头水位图组件的数据来源,更多介绍请参见数据接入。
标签字体:水位图中心标签字体设置(字体样式、粗细、大小、颜色)。 波浪上时文本颜色:当水位图淹没标签字体时显示的字体颜色。 轮廓样式是否展现:水位图外层轮廓展示开关。 边框宽度:水位图外层轮廓宽度。 颜色:轮廓颜色样式设置,可以设置为单色或渐变色。 数据 在数据中,设置圆角矩形水位图组件的数据来源,更多介绍请参见数据接入
图5 设置后效 下拉弹出框设置 最大高度:设置下拉弹出框的最大高度。 背景颜色:设置下拉弹出框的背景色。 字体颜色:设置下拉弹出框中字体的颜色。 选中态背景颜色:设置选中某项内容时,背景的颜色。 选中态字体颜色:设置选中某项内容时,字体的颜色。 鼠标悬浮时背景颜色:设置鼠标悬浮在某项内容上时,背景的颜色。
选中上方文本编辑组件,单击上方,设置文本内容为“人员来访统计”,字体设置为“60”。 图7 设置文本编辑标题 在段落设置中,设置标题对齐方式为“居中”。 图8 设置标题对齐方式 配置水平基本柱图组件。 选中最上方的水平基本柱图组件,在组件上方单击,配置组件数据,单击“保存”。 “数据类型”选择“静
标签字体:水位图中心标签字体设置(字体样式、粗细、大小、颜色)。 波浪上时文本颜色:当水位图淹没标签字体时显示的字体颜色。 轮廓样式是否展现:水位图外层轮廓展示开关。 边框宽度:水位图外层轮廓宽度。 颜色:轮廓颜色样式设置,可以设置为单色或渐变色。 数据 在数据中,设置组件的数据来源,更多介绍请参见数据接入。
图7 隐藏网格线 设置基本折线图组件。 在左侧全部组件中,拖拽“基本折线图”组件到移动端页面开发操作区域,即画布区域。 图8 拖拽基本折线图 选中基本折线图组件,单击组件上方的,设置组件数据源,完成后单击“保存”。 “数据类型”选择“静态数据”,“输入数据”选择“Json模式”
ents中,都具有入参vm,vm为组件的Widget实例。 配置示例 通用配置示例如下,以global_SelectWidget组件为例,设置后效果如图1所示。本示例中的global_SelectWidget为AstroCanvas系统预置的下拉框组件,可在“我的资产 > 我的组件”中获取。
文件介绍及示例 文件介绍 {widget}.editor.js为组件属性定义文件,负责组件编辑状态时需要渲染的界面和逻辑。其中,“{widget}”为自定义组件的名称,如本示例中该文件名为“EchartsWidgetTemplate.editor.js”。{widget}.editor
组件在没有对接外部数据源时,使用的获取桩数据的API自定义实现。考虑数据集天然支持二维数组对象,桩数据结构统一为二维数组对象[{id:3,name:'zhangsan'}]。某些场景假如只需要一个简单值val,可以设置组件桩数据设置为简单二维对象数组[{val:123}]。 - 文件示例 通用的组件核心代码
单击,可生成新的链接,原链接将不可访问。单击,可复制该链接。 设置访问限制。 如果是新建项目,需要为发布链接设置访问限制,即“分享码访问”或“Token认证”必须设置其中一个,否则链接在运行态无法正常访问。本入门中,以设置分享码为例进行介绍。 图14 分享码设置 分享码设置:设置页面分享码后,只能通过分享码来访问页面,提高安全性。
名称:输入生成模板的名称,名称长度为1~32个字符,可包括中文、字母、数字及下划线。 描述:生成模板的描述信息,可按需进行设置。 发布方:设置模板的发布方。 发布模板库:设置模板库的语言,此处的语言是指模板库所在系统的语言。设置后在对应的系统语言模板库中,即可查看到该模板。 封面:为模板添加封面,可截图获取封面也可以自定义封面。
proxy(thisObj.setInput, thisObj), [], ); 响应动作函数 以数据刷新的响应动作函数为例,向您介绍组件的响应动作函数。 /** * 数据刷新的响应动作函数示例 * 文件global_SelectWidget.js中, 与render函数平级定义 */ c