检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
thisObj.triggerEvent('sendSelect', params); }, 全局变量 组件触发自定义事件时,可以给全局变量赋值,fields数组中每一个对象保存着暴露给全局变量的详细配置。 图2 给全局变量赋值 表2 fields数组中对象字段详细说明 字段 类型 说明
进度条设置提示效果 显示提示:开启后,在预览图表时,鼠标放在对应的序列上会显示提示信息,如图9。 特征标记:提示框显示的内容,可以显示系列名、数据名和数据值,也可以只显示其中的某一个或两个。 坐标轴 在坐标轴中,设置图表的x轴和y轴,如是否显示x轴y轴、字体、字体颜色、是否显示刻度等。 图10
满月饼图提示 显示提示:开启后,在预览图表时,鼠标放在对应的序列上会显示提示信息。 特征标记:提示框显示的内容,可以显示系列名、数据值和百分比,也可以只显示其中的某一个或两个。 数据 在数据中,设置满月饼图组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置满月饼图与其
设置提示效果 显示提示:开启后,在预览图表时,鼠标放在对应的序列上会显示提示信息,如图9。 特征标记:提示框显示的内容,可以显示系列名、数据值和百分比,也可以只显示其中的某一个或两个。 数据 在数据中,设置贪吃蛇饼图组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置贪吃蛇饼图
设置提示效果 显示提示:开启后,在预览图表时,鼠标放在对应的序列上会显示提示信息,如图7。 特征标记:提示框显示的内容,可以显示系列名、数据值和百分比,也可以只显示其中的某一个或两个。 数据 在数据中,设置渐变色饼图组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置渐变色饼图
设置提示效果 显示提示:开启后,在预览图表时,鼠标放在对应的序列上会显示提示信息,如图11。 特征标记:提示框显示的内容,可以显示系列名、数据名和数据值,也可以只显示其中的某一个或两个。 坐标轴 坐标轴是指对图表组件,进行坐标系相关样式、颜色、位置和行为的设置。 图12 基本折线图坐标轴 x轴
开启提示效果图 显示提示:开启后,在预览图表时,鼠标放在对应的序列上会显示提示信息,如图12。 特征标记:提示框显示的内容,可以显示系列名、数据值和百分比,也可以只显示其中的某一个或两个。 指标 指标是指可视化组件中,对除可视化图形之外的具体补充,即主要以文字和数字的表现形式,为可视化组件提供具体数值的参考。
实心圆饼图设置提示效果 显示提示:开启后,在预览图表时,鼠标放在对应的序列上会显示提示信息,如图20。 特征标记:提示框显示的内容,可以显示系列名、数据值和百分比,也可以只显示其中的某一个或两个。 数据 在数据中,设置实心圆饼图组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置实心圆饼图
图表”中,拖拽“多区域折线图”组件至画布空白区域,如图1。 图1 多区域折线图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 多区域折线图卡片 卡片装饰:卡片装饰设置,可根据自
设置提示效果 显示提示:开启后,在预览图表时,鼠标放在对应的序列上会显示提示信息,如图12。 特征标记:提示框显示的内容,可以显示系列名、数据名和数据值,也可以只显示其中的某一个或两个。 坐标轴 在坐标轴中,设置图表的x轴和y轴,如是否显示x轴y轴、字体、字体颜色、是否显示刻度等。 图13
散点图设置提示效果 显示提示:开启后,在预览图表时,鼠标放在对应的序列上会显示提示信息,如图8。 特征标记:提示框显示的内容,可以显示系列名、数据名和数据值,也可以只显示其中的某一个或两个。 坐标轴 坐标轴是指对图表组件,进行坐标系相关样式、颜色、位置和行为的设置。 图9 散点图坐标轴 x轴 X轴:是否显示X轴。
设置发行说明后,单击“提交”。 在桥接器列表中,可查看到已上传的桥接器。 使用自定义桥接器 参考创建大屏&PC端项目中操作,创建一个项目。 项目创建后,参考使用空白画布新建页面中操作,新建一个空白页面。 进入开发页面,从“全部组件 > 图表”中,拖拽玫瑰花饼图组件到画布中。 图4 拖拽玫瑰花饼图到画布中
可新增动作。在动作实现中,编写触发动作的执行逻辑。入参的echartsInst可以使用echarts的API,widgetInst可以使用AstroCanvas组件通用的API。单击“新增参数”,可以定义触发动作时入参字段。如何为自定义动作添加交互,请参见echarts组件自定义动作交互设置。
包年/包月资源 对于包年/包月计费模式的资源,用户在购买时会一次性付费,服务将在到期后自动停止使用。 如果在计费周期内不再使用包年/包月资源,您可以执行退订操作,系统将根据资源是否属于五天无理由退订、是否使用代金券和折扣券等条件返还一定金额到您的账户。详细的退订规则,请参见云服务退订规则概览。
文本”中,拖拽“天气”组件至画布空白区域,如图1。 图1 天气 图2 天气组件效果图 图3 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图4 天气卡片 背景 背景色:设置组件卡片的背景颜色。
气泡图设置提示效果 显示提示:开启后,在预览图表时,鼠标放在对应的序列上会显示提示信息,如图8。 特征标记:提示框显示的内容,可以显示系列名、数据名和数据值,也可以只显示其中的某一个或两个。 坐标轴 坐标轴是指对图表组件,进行坐标系相关样式、颜色、位置和行为的设置。 图9 气泡图坐标轴 X轴 X轴:是否显示X轴。
在大屏设计页面,从“全部组件 > 文本”中,拖拽“排行榜”组件至画布空白区域,如图1。 图1 排行榜 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 排行榜卡片 背景 背景色:设置组件卡片的背景颜色。
输入目录名称,单击“确定”。 目录名称长度为1~64个字符,可包括中文、字母、数字及下划线,且不能以下划线开头或结尾。 目录创建完成后,支持修改目录名称、删除目录,也可以在当前目录下创建子目录。 图2 管理目录 添加素材 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“我的资产”。
自定义组件开发过程如下,也可以直接单击下载链接,获取自定义组件示例包“SelectWidget.zip”。 在组件的“global_SelectWidget.editor.js”文件中,新增eventConfig配置。 eventConfig其实是一个对象,里面包含组件触发的自定
Astro大屏应用专业版:除了具备基础版本的能力,还提供了高阶组件、自定义组件能力,高度还原设计稿大屏。 Astro大屏应用企业版:适用于3D场景开发,支持私有化部署。 表1 AstroCanvas套餐规格清单 版本类型 基础版 专业版 企业版 空间数 2个 5个 100个 页面数 20页 40页