检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
对于包年/包月计费模式的资源，用户在购买时会一次性付费，服务将在到期后自动停止使用。 如果在计费周期内不再使用包年/包月资源，您可以执行退订操作，系统将根据资源是否属于五天无理由退订、是否使用代金券和折扣券等条件返还一定金额到您的账户。详细的退订规则，请参见云服务退订规则概览。 如果您已开启“自动续费”功能，为避
配置：从表格字段中，拖拽所需的字段到X轴数据、Y轴数据或系列中。 刷新周期：每隔多少秒获取一次静态数据，默认配置为“0”，表示只获取一次静态数据。 共享数据：是否共享数据。勾选后，如果多个组件调用了相同的静态数据请求，不会各自只调用，而是共享结果数据。 选中基本柱图组件，单击组件上方的，设置标题内容为“各市农作物产量统计”。
、Y轴数据和系列中。 刷新周期：每隔多少秒从HTTP连接器中读取一次数据，默认配置为“0”，表示只获取一次。 共享数据：是否共享数据。勾选后，如果多个组件调用了相同的桥接器URL请求，不会各自只调用，而是共享结果数据。 选中水平基本柱图组件，单击组件上方的，设置标题内容为“各功能操作频率统计”。
也可以在“组件”页签的组件前单独通过开关图标设置各组件的桥接器是否使用模拟数据，对个别组件进行个性化设置，有效减少手动修改操作。 该功能的实现原理是：系统在桥接器代码中已增加mockData属性来记录桥接器是否启用了模拟数据，同时在桥接器父类代码中预置了getMockData函数
轴数据和系列中。 刷新周期：每隔多少秒从AstroZero中读取一次数据，默认配置为“0”，表示只获取一次。 共享数据：是否共享数据。勾选后，如果多个组件调用了相同的桥接器URL请求，不会各自只调用，而是共享结果数据。 选中基本柱图组件，单击组件上方的，设置标题内容为“A市男性小学生平均身高统计”。
刻度标签字体：刻度标签的字体、字体颜色、字体大小设置。 标签行为：标签字数过多时是否进行处理，包括字数过多是否换行、字数过多是否省略和字数过多不做处理。 标签旋转：标签旋转角度。 网格线：是否显示网格线。 反转：是否对轴数据进行反转。 y轴 Y轴：是否显示Y轴。 轴标题：Y轴标题。 字体：坐标轴字体、颜色、大小设置。
页面开发完成后，可将已开发好的页面发布为全局模板。在下次创建页面时，可直接使用该模板创建新的页面，减少重复开发，提高交付效率。 前提条件 发布为全局模板时，请确保该页面中仅使用了全局资产（全局组件、库、静态数据）。 约束与限制 全局模板可在当前环境的所有租户下使用，而发布为模板中生成的模板只能在当前环境的对应租户下使用。
当前星期 是否显示：是否显示当前星期。 字体：今日星期的字体、大小和颜色等设置。 当前日期 是否显示：是否显示当前日期。 字体：今日日期的字体、大小和颜色等设置。 当前时间 是否显示：是否显示当前时间。 字体：当前时间的字体、大小和颜色等设置。 今日其他指标 是否显示：是否显示今日其他天气指标。
轴数据和系列中。 刷新周期：每隔多少秒从AstroZero中读取一次数据，默认配置为“0”，表示只获取一次。 共享数据：是否共享数据。勾选后，如果多个组件调用了相同的桥接器URL请求，不会各自只调用，而是共享结果数据。 选中基本柱图组件，单击组件上方的，设置标题内容为“各市1月降雨量(mm)”。
、Y轴数据和系列中。 刷新周期：每隔多少秒从HTTP连接器中读取一次数据，默认配置为“0”，表示只获取一次。 共享数据：是否共享数据。勾选后，如果多个组件调用了相同的桥接器URL请求，不会各自只调用，而是共享结果数据。 单击页面上方的，保存设置页面。 单击，进入预览页面，预览效果。
刻度标签字体：刻度标签的字体、字体颜色、字体大小设置。 标签行为：标签字数过多时是否进行处理，包括字数过多是否换行、字数过多是否省略。 标签旋转：标签旋转角度。 网格线：是否显示网格线。 反转：是否对轴数据进行反转。 y轴 Y轴：是否显示Y轴。 轴标题：Y轴标题。 字体：坐标轴字体、颜色、大小等设置。
})) 转换器保存成功后，单击页面右上角的“保存”，返回设计界面。 在页面数据集页签中，可查看到已创建的数据集。单击图标，可查看当前页面使用了哪些数据源。 图9 查看页面数据集 使用页面数据集 在开发页面，从“组件 > 图表”中，拖拽基本柱图组件到画布中。 图10 拖拽基本柱图到画布中
的开发规范。下面以开发网站中常用的柱状图（vue2+Echarts）组件为例，向您介绍如何开发自定义组件。 本节使用的示例组件开发过程中使用了前端开发框架Vue及Echarts，请提前了解。 图1 最终呈现效果 开发自定义组件 下载图表模板。 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。
AstroCanvas支持设置页面级的全局变量，通过页面组件间的交互，可给全局变量赋值，详情请参见全局变量。 全局变量中的作用次数，用于统计该全局变量被使用了多少次。单击作用次数下的具体次数，可查看该全局变量的作用域。 图3 设置全局变量 图4 查看全局变量作用的域 页面开发流程 在AstroC
可拖拽手柄：图例上是否展示可拖拽手柄。 图例宽度：设置图例的宽度。 图例高度：设置图例的高度。 鼠标悬浮联动：是否有鼠标悬浮联动效果。 坐标轴 在坐标轴中，设置图表的x轴和y轴，如是否显示x轴y轴、字体、字体颜色、是否显示刻度等。 图6 热力图坐标轴 x轴 X轴：是否显示X轴。 坐标
标签旋转：标签旋转角度。 网格线：是否显示网格线。 反转：是否对轴数据进行反转。 y轴 Y轴：是否显示Y轴。 轴标题：Y轴标题。 字体：坐标轴字体、颜色、大小设置。 标题偏移：标题相对于轴线的偏移。 标题旋转：标题旋转角度。 轴线：是否显示轴线，支持设置轴线颜色。 刻度：是否显示刻度。 刻度标签
inReader 判断当前页面状态是开发态或预览态，使用方式参考如下： if (!Studio.inReader) { // “true”表示在预览态（即运行态），“false”表示在开发态。 //todo } 组件内部跟编辑态相关的逻辑，比如editVm等需要判断在非运行态才需要执行。
配置：从表格字段中，拖拽所需的字段到X轴数据、Y轴数据和系列中。 刷新周期：每隔多少秒从DWS中读取一次数据，默认配置为“0”，表示只获取一次。 共享数据：是否共享数据。勾选后，如果多个组件调用了相同的桥接器URL请求，不会各自只调用，而是共享结果数据。 选中基本柱图组件，单击组件上方的，设置标题内容为“各班学科分数统计”。
'EchartsWidgetTemplateConnector', model: 'CommonViewModel', }, 表1 数据集字段说明 字段 类型 是否必填 示例 说明 type String 是 type: "dataSetting" dataSetting为数据集类型。 mapping
据、Y轴数据或系列中。 刷新周期：每隔多少秒从关系型数据库中读取一次数据，默认配置为“0”，表示只获取一次。 共享数据：是否共享数据。勾选后，如果多个组件调用了相同的关系型数据库请求，不会各自只调用，而是共享结果数据。 选中基本柱图组件，单击组件上方的，设置标题内容为“N省各市人口数量（千万）”。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
