检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
如何设置内容安全策略 大屏页面嵌入第三方系统时（例如以iframe形式嵌入），如果涉及跨域访问，请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击，缓解跨站脚本攻击。除限制可以加载内容的域，还可指明哪种协议允许使用，缓解数据包嗅探攻击。 设置内容安全策略 参考使用模板新建页面中操作，创建一个大屏页面。
0，即铺满整个组件。 配置 在配置中，设置组件的页签样式、导航页签和默认路由。 图4 路由导航(示例)配置 页签样式统一配置 页签方向：设置页签的显示方向，如水平方向、垂直方向。 位置：设置页签的位置，支持默认和自定义两种方式。 快捷设置：设置页签的显示位置，如居左、居右或居中。
标题位置：标题显示位置，支持左、中和右。 标题字体：设置标题的字体、颜色和大小等。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 时间轴图形 时间轴 时间轴方向：时间轴的方向，支持水平方向和垂直方向。 自动轮播：是否展示自动轮播效果。 间隔时间：间隔的时间。
显示背景颜色：显示或隐藏背景颜色。 颜色类型：设置背景颜色类型，支持单一色和渐变色。设置为“单一色”时，支持设置背景颜色。设置为“渐变色”时，支持设置渐变类型和渐变方向等。 渐变类型：设置渐变的类型，如线性渐变、径向渐变和自定义输入。 渐变方向：设置颜色的渐变方向，如向上、向下、向右等。“渐变类型”设置为“线性渐变”时，才需要设置此参数。
图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 步骤条图形 步骤条方向：步骤条显示方向，可以设置为水平方向或垂直方向。 步骤图标尺寸：步骤图标的尺寸，单位为px。 步骤图标背景：步骤图标的背景色。 完成状态：步骤已完成状态的颜色。 进行中状态：步骤进行中状态的颜色。
初始选中：数据项初始是否被选中。 颜色样式：数据系列的颜色样式，支持以下几种。 单色：可设置正常颜色和高亮下颜色。 渐变色：可设置渐变样式、渐变方向、起始颜色和结束颜色。 条件色：单击“新增条件格式”，可设置条件和响应数据列的样式。如图9中所示，该设置表示环境管理满足设置的条件（大于300）时，显示为红色，否则显示为正常颜色。
态资源，无入参，使用方式参考如下： var widgetBasePath = thisObj.getWidgetBasePath(); getMessages 一般用于在初始化阶段，获取该组件国际化配置文件中定义的国际化文件内容，推荐配置vue和vueI18n使用，无入参，使用方式参考如下：
距离（参见图3），默认为0，即铺满整个组件。 图表背景：图表的背景颜色。 自定义标签：是否显示标签，支持设置标签的字体、标签水平方向偏移量和标签垂直方向偏移量。 布局：进度条（不包含组件标题）距离整个组件四边（上、下、左、右）的距离。 图5 进度条布局 上边距：进度条到组件边框顶部的距离。
”的取值。 水平对齐方式：设置图例的水平对齐方式，支持左对齐、居中、右对齐和按照百分比设置。 垂直对齐方式：设置图例的垂直对齐方式，支持左对齐、居中、右对齐和按照百分比设置。 排列方向：设置图例的排列方向，支持水平和垂直两种方式。 类型：存在很多图例，导致图表中无法全部显示，此时
function(vm, value) { } } 配置项修改触发事件的回调函数，当前仅支持change事件。 入参vm说明 组件配置项中的disabled、showFunc和events中，都具有入参vm，vm为组件的Widget实例。 配置示例 通用配置示例如下，以global_Select
”的取值。 水平对齐方式：设置图例的水平对齐方式，支持左对齐、居中、右对齐和按照百分比设置。 垂直对齐方式：设置图例的垂直对齐方式，支持左对齐、居中、右对齐和按照百分比设置。 排列方向：设置图例的排列方向，支持水平和垂直两种方式。 类型：存在很多图例，导致图表中无法全部显示，此时
”的取值。 水平对齐方式：设置图例的水平对齐方式，支持左对齐、居中、右对齐和按照百分比设置。 垂直对齐方式：设置图例的垂直对齐方式，支持左对齐、居中、右对齐和按照百分比设置。 排列方向：设置图例的排列方向，支持水平和垂直两种方式。 类型：存在很多图例，导致图表中无法全部显示，此时
颜色设置：设置标记颜色样式，支持纯色、线性渐变和径向渐变。 颜色：设置标记的颜色。 边框颜色：设置标记边框颜色。 阴影颜色：设置标记阴影颜色。 阴影大小：设置标记阴影大小。 水平方向偏移距离：气泡图中气泡在水平方向上的偏移位置。 垂直方向偏移距离：气泡图中气泡在垂直方向上的偏移位置。 图形透明度：气泡图中气泡的透明度。
在配置中，设置组件的文本、段落和文本滚动方向。 图4 文本编辑配置 文本设置 文本内容：请输入文本内容，您也可以从后台数据中获取文本内容，详情请参见从数据中获取文本内容。 字体：设置文本字体、大小和颜色等。 文本装饰：为文本添加下划线、删除线和上划线。 段落设置 内容对齐方式：文本
滚动条：是否显示滚动条，如自动或隐藏。 切换配置 切换箭头：是否显示页面切换箭头。 切换方向：设置页面切换方向，如水平、垂直。 切换方式：设置页面切换方式，如淡出、推出、展示等。 自动播放 自动轮播：设置轮播方式，支持手动和自动。 间隔时间：设置轮播的间隔时间，不大于24秒。 分页配置 分页标志：是否显示分页标志。
"出园人数" }, { "x": "18", "y": 14, "s": "出园人数" }, { "x": "19", "y": 45, "s": "出园人数"
”的取值。 水平对齐方式：设置图例的水平对齐方式，支持左对齐、居中、右对齐和按照百分比设置。 垂直对齐方式：设置图例的垂直对齐方式，支持左对齐、居中、右对齐和按照百分比设置。 排列方向：设置图例的排列方向，支持水平和垂直两种方式。 类型：存在很多图例，导致图表中无法全部显示，此时
轮播配置 在轮播配置中，设置轮播图片组件的图片、切换、播放和定位显示。 图4 轮播图片轮播设置 轮播设置 图片：设置轮播组件的图片。 填充方式：设置图片填充方式，支持填充、包含、覆盖和无。 切换 切换方向：设置图片切换方向，如水平、垂直。 切换方式：设置图片切换方式，如淡出、推出、展示等。
”的取值。 水平对齐方式：设置图例的水平对齐方式，支持左对齐、居中、右对齐和按照百分比设置。 垂直对齐方式：设置图例的垂直对齐方式，支持左对齐、居中、右对齐和按照百分比设置。 排列方向：设置图例的排列方向，支持水平和垂直两种方式。 类型：存在很多图例，导致图表中无法全部显示，此时
初始选中设置为是效果 颜色样式：数据系列的颜色样式，支持以下几种。 单色：可设置正常颜色和高亮下颜色。 渐变色：可设置渐变样式、渐变方向、起始颜色和结束颜色。 条件色：单击“新增条件格式”，可设置条件和响应数据列的样式。如下图中所示，该设置表示工程管理满足设置的条件（大于80）时，显示为红色，否则显示为正常颜色。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
