检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
自定义分类时,可以使用分类的对象形式,对象中可以配置的字段如下表所示。 表2 自定义分类对象中的字段 字段 类型 示例 说明 tip Object tip: { "zh_CN": "图形", "en_US": "Series" } 鼠标悬浮提示,采用对象形式。 name String
为可视化组件提供具体数值的参考。 坐标轴是指对图表组件,进行坐标系相关样式、颜色、位置和行为的设置。 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 组件数据来源 组件是大屏页面的组成元素,配置页面数据即为配置组件数据。选中组件,单击组件上方的,可配置
行环境部署包用于在服务器上部署AstroCanvas运行环境。 步骤三:安装运行环境 在本地服务器上,安装运行环境部署包,获取机器码。在华为云企业版AstroCanvas注册机器码,生成Key。服务器绑定Key后,才可正常访问私有化部署的AstroCanvas运行环境。 步骤四:
params); }, 全局变量 组件触发自定义事件时,可以给全局变量赋值,fields数组中每一个对象保存着暴露给全局变量的详细配置。 图2 给全局变量赋值 表2 fields数组中对象字段详细说明 字段 类型 说明 name String key值。 desc Object 字段描述,需要国际化。
组件在没有对接外部数据源时,使用的获取桩数据的API自定义实现。考虑数据集天然支持二维数组对象,桩数据结构统一为二维数组对象[{id:3,name:'zhangsan'}]。某些场景假如只需要一个简单值val,可以设置组件桩数据设置为简单二维对象数组[{val:123}]。 - 文件示例 通用的组件核心代码
刻度标签旋转的角度:设置Y轴刻度标签的旋转度数,取值范围为[-90, 90]。 图11 刻度标签旋转的角度 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图12 进度条参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 Y轴参考线 Y轴参考线:是否显示Y轴参考线。
'clickSeries', { zh_CN: '点击系列', en_US: 'Click Series' }); clickSeries对象中,“desc”是对事件selectItem的解释。“fields”为组件对外暴露的字段及相应描述。相应代码要在{widget}.js中实现如下:
"configuration", 归属于classfication中哪一个分类。 config Array config: [] config数组中,每一个对象保存的配置项信息。config中,配置项的介绍,请参见组件配置项(Config配置)。 父主题: {widget}.editor.js
刻度标签字体:设置标签的字体、颜色和大小。 网格线是否显示:是否显示网格线。设置为显示时,支持设置线的类型和颜色。 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图10 散点图参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 Y轴参考线 Y轴参考线:是否显示Y轴参考线。
function filter(dataset) {}:转换器的数据处理代码。例如,输入如下示例,表示获取待处理数据中“result”中子对象“result”的数据。 return dataset.result.result 测试数据:转换器处理的验证输入数据,支持手工输入和使用
新建echarts单击系列事件 在事件实现中,输入如下代码,即echarts实例的“单击系列”动作将会发送此事件,携带参数为echarts传递的事件对象。 echartsInst.on('click', 'series', triggerCurrentEvent); 单击“新增字段”,设置字段名称为“seriesIndex”。
刻度标签字体:设置标签的字体、颜色和大小。 网格线是否显示:是否显示网格线。设置为显示时,支持设置线的类型和颜色。 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图10 气泡图参考线 统一配置 > 参考线两端样式:设置参考线两端的显示样式,如圆形、矩形和三角形等。
一半。 左Y轴单位:设置左侧Y轴的单位。 标签展示:设置Y轴标签展示样式,如默认或计数单位。 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图13 基本折线图参考线 统一配置:设置参考线两端的样式,如圆形、矩形等。 图14 Y轴参考线两端样式
柱间阴影:柱间是否显示阴影,支持自定义阴影颜色。 标签展示:设置Y轴标签展示样式,如默认或计数单位。 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图11 基本柱图参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 Y轴参考线 Y轴参考线:是否显示Y轴参考线。
柱间阴影:柱间是否显示阴影,支持自定义阴影颜色。 标签展示:设置Y轴标签展示样式,如默认或计数单位。 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图11 数据标记柱图参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 Y轴参考线 Y轴参考线:是否显示Y轴参考线。
柱间阴影:是否显示柱间阴影,支持设置阴影颜色。 标签展示:设置Y轴标签展示样式,如默认或计数单位。 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图12 水平基本柱图参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 Y轴参考线 Y轴参考线:是否显示Y轴参考线。
轴最大值:是否设置轴最大值,支持直接输入阈值。 反转:是否对轴数据进行反转。 标签展示:设置Y轴标签展示样式,如默认或计数单位。 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图11 水平堆叠柱图参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 Y轴参考线 Y轴参考线:是否显示Y轴参考线。
输入阈值。 反转:是否对轴数据进行反转。 标签展示:设置Y轴标签展示样式,如默认或计数单位。 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图11 双向柱图参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 Y轴参考线 Y轴参考线:是否显示Y轴参考线。
半。 左Y轴单位:设置左侧Y轴的单位。 标签展示:设置Y轴标签的展示样式,如默认或计数单位。 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图12 区域图参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 图13 Y轴参考线两端样式
半。 左Y轴单位:设置左侧Y轴的单位。 标签展示:设置Y轴标签的展示样式,如默认或计数单位。 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图14 多区域折线图参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 图15 Y轴参考线两端样式