检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图5 雷达图图形 颜色：设置图表中，图形的颜色。 统一配置 标记图形：设置标记的图形，如圆形、矩形等。 标记大小：设置标记的大小。 折线宽度：设置折线的宽度。 折线类型：设置折线类型，如实线、虚线等。
圆角）。 位置：圆角位置。 内边距：图表与图表背景之间的距离。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 瀑布柱图图形 颜色：设置图表中，图形的颜色。 统一配置 光圈标记：是否开启光圈标记。 数据排序：是否开启数据排序。
卡片装饰：卡片装饰设置，可根据自身的业务需求选择不同的卡片样式。单击“清除样式”，可清除已设置的装饰样式。 标题：是否显示组件的标题（如图3中的服务采购）。设置为“显示”时，可自定义标题的如下属性。 内容：组件标题显示的文字内容。 字体：设置组件标题的字体样式、大小和颜色等。 对齐：标题相对于组件的对齐方式，如左对齐、居中和右对齐。
百分号字体：设置百分比中百分号的字体、大小和颜色等。 百分号左间距：设置数值和百分比之间的间距。 提示 提示（悬浮提示）主要用于展示可视化图表组件，在具体维度节点的具体指标展示。 图8 轮播饼图提示 显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息。 特征标记：提示框显示的内容，可以
多区域折线图 多区域折线图是线状图的一种，通过不同数据区域的对比，可对数据的变化做出更直观的展现。 在大屏设计页面，从“全部组件 > 图表”中，拖拽“多区域折线图”组件至画布空白区域，如图1。 图1 多区域折线图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片
圆角）。 位置：圆角位置。 内边距：图表与图表背景之间的距离。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 双向柱图图形 颜色：设置图表中，图形的颜色。 统一配置 水平堆叠：是否堆叠显示（多数据系列效果）。 横向柱条：是否横向柱条效果显示。
角）。 位置：圆角位置。 内边距：图表与图表背景之间的距离。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 基本柱图图形 颜色：设置图表中，图形的颜色。 统一配置 光圈标记：是否开启光圈标记。 数据排序：是否开启数据排序。
单击“新建资源”，依次引入有依赖关系的资源。 图1 新增资源 资源：选择需要添加的库。请依次添加有依赖关系的资源，例如A依赖B，请先添加B再添加A。 作用域：设置新建资源作用的域。 项目级：资源应用于整个项目。 页面级：资源应用于哪些页面。 页面作用域：选择资源所应用的页面。 开发界面下不加载
数据系列轮播效果 图8 X轴数据轮播效果 间隔时间：设置图表的轮播时间间隔，不能大于24秒。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图9 多折线图图形 颜色：设置图表中图形的颜色。 统一配置 折线类型：设置图形中折线类型，包括平滑和不平滑。
widegtApi > name：组件的名称，如“EchartsWidgetTemplate”。 widgetDescription：组件的描述信息。 authorName: ：组件的作者信息。 width：在绝对布局高级页面中，添加该组件时的默认宽度，单位为“px”，不填写默认为“200px”。
卡片装饰：卡片装饰设置，可根据自身的业务需求选择不同的卡片样式。单击“清除样式”，可清除已设置的装饰样式。 标题 标题：是否显示该组件的标题，如“π巡报警”。 内容：自定义组件标题的内容。 字体：设置组件标题的字体、大小和颜色等。 对齐：标题相对于组件的对齐方式。 标题背景色：设置标题的背景颜色。 内
右边距：气泡图到组件边框右侧的距离。 下边距：气泡图到组件边框底部的距离。 左边距：气泡图到组件边框左侧的距离。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图5 气泡图图形 颜色：设置表单中，图形的颜色。 统一配置 标记
百分号字体：设置百分比中百分号的字体、大小和颜色等。 百分号左间距：设置数值和百分比之间的间距。 提示 提示（悬浮提示）主要用于展示可视化图表组件，在具体维度节点的具体指标展示。 图8 贪吃蛇饼图提示 显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息。 特征标记：提示框显示的内容，可
标题离容器上边距：标题距离组件上方的距离。 标题离容器左边距：标题距离组件左边的距离。 字体：设置标题的字体、颜色和大小等。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 进度条图形 颜色：设置图表中，图形的颜色。 统一配置
百分号字体：设置百分比中百分号的字体、大小和颜色等。 百分号左间距：设置数值和百分比之间的间距。 提示 提示（悬浮提示）主要用于展示可视化图表组件，在具体维度节点的具体指标展示。 图8 玫瑰花饼图提示 显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息。 特征标记：提示框显示的内容，可
表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 渐变色饼图图形 颜色：设置组件中图表的图例颜色。 统一配置 数据系列：是否显示该系列数据。如果不选中，会隐藏该组件中对应的系列数据。 南丁格尔图：是否使用南丁格尔图。 内半径：设置饼图内半径的值，单位%。 外半径：设置饼图外半径的值，单位%。
右边距：散点图到组件边框右侧的距离。 下边距：散点图到组件边框底部的距离。 左边距：散点图到组件边框左侧的距离。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图5 散点图图形 颜色：设置图表中图形的颜色。 统一配置 标记
标题 标题是文本组件的一种，用于展示大屏的各类标题，可展现大、中、小等类型的标题，并可通过拼搭进行组合使用。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“标题”组件至画布空白区域，如图1。 图1 标题 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由
单击该图标，可查看设置的分享码。 有效期设置：设置分享码的有效期。如果不设置有效期，分享码将永久有效。 设置Token认证：通过设置Token认证，可对大屏交互时传递的参数进行签名鉴权，保证大屏的URL访问链接的参数不会被篡改，从而提高大屏数据及用户信息的安全性。如何设置Token认证，请参见如何设置Token认证。
HttpUtils工具类预置API一览表 表1 HttpUtils工具类预置API一览表 API API说明 getCookie 用于获取某个cookie的值。 setCookie 用于设置cookie的值。 getI18n 返回一个Vue18n的实例。 getCsrfToken
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
