认识Widget包目录结构 解压下载到本地的组件Widget包，认识组件结构。如解压EchartsWidgetTemplate组件包，其目录结构如图2所示。 图2 Widget包目录结构 为了便于描述，对于名称不固定的手册，统一采用“{widget}”来命名。 i18n.json：组件的国际化资源文件，用于配置多语言。例如，messages-zh.json为中文，messages-en.json为英文。 packageinfo.json：组件的元数据描述文件。 {widget}.css：组件的样式文件，在该文件中编写组件的 CSS 样式。 {widget}.editor.js：组件核心渲染文件。组件属性定义文件，负责组件编辑状态时需要渲染的界面和逻辑。 {widget}.flt：组件DOM结构文件，需要在服务端提前渲染的部分可以写在此文件中，相当于HTML文件，负责样式展示。 {widget}.js：组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。

文件介绍 {widget}.js为组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。一个推荐的组件架构，应包含表1中API。其中，init、render和beforeDestory为组件的通用生命周期函数，其余为推荐模板实现。 表1 组件架构组成 API名称 API解释 是否必须 init(生命周期函数) 组件初始化入口API，初始化组件通用能力，负责注册组件事件和组件动作。 是 render(生命周期函数) 组件核心渲染API，负责组件的实例化、数据调用及事件、动作的实际实现。 是 beforeDestroy(生命周期函数) 组件销毁回调事件，负责组件在销毁期间的内存释放逻辑实现，需要把组件绑定的一些dom事件及全局的引用销毁。 是 initContainer render中抽取的独立逻辑，初始化组件container，所有组件逻辑统一。 统一实现，无需改动。 getInitProps render中抽取的独立逻辑，基于默认prop和组件配置的props进行融合处理，并返回。 建议实现。 initI18n 初始化组件message-en/message-zh的多语言信息，统一注册到独立的i18nVue实例中，供组件获取桩数据、获取默认配置、初始化组件统一使用。 建议实现。 initReaderVm render中抽取的独立逻辑，初始化运行态组件VM实例。在实例中获取数据并实现组件的核心渲染。 建议实现。 registerWidgetActionAndEvent init中抽取的独立逻辑，注册组件对外暴露的的事件和动作。 按需实现，组件定义事件和动作时使用。 getMockData 组件在没有对接外部数据源时，使用的获取桩数据的API自定义实现。考虑数据集天然支持二维数组对象，桩数据结构统一为二维数组对象[{id:3,name:'zhangsan'}]。某些场景假如只需要一个简单值val，可以设置组件桩数据设置为简单二维对象数组[{val:123}]。 -

事件 表2 事件 事件名称 调用配置项中的方法 说明 回调参数 input blur 在input值改变时触发 (event, data, field) change change 仅在输入框失去焦点或用户按下回车时触发 (data, field) blur blur 在输入框获得焦点时触发 (value, data, field) focus focus 在输入框失去焦点时触发 (value, data, field)

配置示例 radio配置示例如下，配置后效果如图1所示。 {type: 'radio',name: 'commProps.myRadio',value: '我是radio的类型',label: {zh_CN: 'radio的类型',en_US: 'radio Type Example'},sourceLabel: 'label',sourceKey: 'value',options: [{value: 'happy',label: {zh_CN: '开心',en_US: 'primary'}},{value: 'sad',label: {zh_CN: '不开心',en_US: 'dashed'}}]} 图1 radio配置后效果

配置示例 input配置示例如下，配置后效果如图1所示。 {type: 'text',name: 'commProps.myText',value: '我是text的类型',label: {zh_CN: 'text的类型',en_US: 'text Type Example'},placeholder: {zh_CN: '请输入标题内容',en_US: 'Enter the title content.'},prefix: '↑',suffix: '%'} 图1 input配置设置后效果

图形 图形是指组件中，实现 数据可视化 的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图8 高德地图图形 统一配置 显示范围：统一设置图层的显示范围，地图缩放级别在该范围内时，显示对应图层。 图层透明度：统一设置图层的透明度。 图层：单击“新增图层”，可新建图标图层、标签图层、柱状图层、飞线图层、基础热力图层和区域热力图层。 图9 新建图标图层 基本配置 类型：固定为“图标图层”。 图层：显示或隐藏图层。 显示范围：设置图层的显示范围，地图缩放级别在该范围内时，显示对应图层。 图层透明度：设置图层的透明度。 标签避让：开启后，地图中重叠的图标会避让。 图层样式 显示类型：设置图标的显示类型，支持均分显示和区间显示。 图标图片：“显示类型”设置为“均分显示”时，会根据图标图片的数量，将图标值从最小值到最大值的范围进行均分，落在不同范围的值，将显示对应的图标。“显示类型”设置为“区间显示”时，可设置不同的区间，当图标值落在对应的区间内，显示对应的颜色值，区域范围外的图标将不显示。 悬浮放大：是否开启鼠标悬浮后图标放大。悬浮方法和标签避让同时开启会影响显示效果。 图片宽度：设置图片的宽度。 图片高度：设置图片的高度。 上下偏移：设置图标根据点经纬度的上下偏移。 左右偏移：设置图标根据点经纬度的左右偏移。 图层标签 标签：是否开启图标标签。 标签悬浮：开启时，图标鼠标悬浮时显示标签。关闭时，标签常显。 系列名：标签是否显示系列名，对应静态数据中的“label”字段。 系列名字体：设置系列名的字体、大小和颜色等。“标签悬浮”设置为“开启”时，显示该配置项。 数值：标签是否显示数值，对应静态数据中的“value”字段。 数值字体：设置数值字体。“标签悬浮”设置为“开启”时，显示该配置项。 文字大小：设置常显标签的文字大小。“标签悬浮”设置为“关闭”时，显示该配置项。 文字颜色：设置常显标签的文字颜色。“标签悬浮”设置为“关闭”时，显示该配置项。 数值显示：是否显示最大值、最小值。选中后，对应最大值最小值的标签背景色、字体颜色将会发生变化。 图10 新建标签图层 基本配置 类型：固定为“标签图层”。 图层：显示或隐藏图层。 显示范围：设置图层的显示范围，地图缩放级别在该范围内时，显示对应图层。 图层透明度：设置图层的透明度。 标签样式 最大宽度：设置标签的最大宽度。 溢出文本：设置文本溢出时的显示方式，支持省略和换行。 文字对齐方式：设置文本对齐方式，支持左对齐、居中和右对齐。 系列名：标签是否显示系列名，对应静态数据中的“label”字段。 系列名字体：设置系列名的字体、大小和颜色等。 数值：标签是否显示数值，对应静态数据中的“value”字段。 数值字体：设置数值的字体、大小和颜色等。 背景样式：设置标签的背景样式，支持颜色和图片。 显示类型：设置标签背景的显示类型，支持均分显示和区间显示。 颜色设置：“显示类型”设置为“均分显示”时，会根据颜色设置的数量，将标签值从最小值到最大值的范围进行均分，落在不同范围的值，将显示对应的背景颜色。“显示类型”设置为“区间显示”时，可设置不同的区间，当标签值落在对应的区间内，显示对应的背景颜色，区域范围外的图标将不显示。 填充方式：图标的填充方式，支持普通、居中、拉伸和平铺。“背景样式”设置为“图片”时，显示该配置项。 背景图片：“显示类型”设置为“均分显示”时，会根据背景颜色的数量，将标签值从最小值到最大值的范围进行均分，落在不同范围的值，将显示对应的背景图片。“显示类型”设置为“区间显示”时，可设置不同的区间，当标签值落在对应的区间内，显示对应的背景图片，区域范围外的图标将不显示。 选中色：设置标签鼠标悬浮时的字体颜色，同时也是交互动作中，高亮标签的颜色。 上下偏移：设置标签根据点经纬度的上下偏移。 左右偏移：设置标签根据点经纬度的左右偏移。 标签图标 标签图标：是否显示标签图标。 显示类型： 标签图标的显示类型，支持均分显示和区间显示。 填充方式：图标的填充方式，支持普通、居中、拉伸和平铺。 图标图片：“显示类型”设置为“均分显示”时，会根据图标图片的数量，会将标签值从最小值到最大值的范围进行均分，落在不同范围的值，将显示对应的图标。“显示类型”设置为“区间显示”时，可设置不同的区间，当标签值落在对应的区间内，显示对应的图标，区域范围外的图标将不显示。 图片宽度：设置图片的宽度。 图片高度：设置图片的高度。 上下偏移：设置图标根据点经纬度的上下偏移。 左右偏移：设置图标根据点经纬度的左右偏移。 图11 新建柱状图层 基本配置 类型：固定为“柱状图层”。 图层：显示或隐藏图层。 显示范围：设置图层的显示范围，地图缩放级别在该范围内时，显示对应图层。 图层透明度：设置图层的透明度。 图层样式 显示类型：设置图标的显示类型，支持均分显示和区间显示。 颜色设置：根据颜色设置的数量，会将值从最小值到最大值的范围进行均分，落在不同范围的值，将显示对应的颜色。“显示类型”设置为“均分显示”时，才显示该配置项。 填充颜色：根据设置不同的区间，当值落在对应的区间内，显示对应的颜色值，区域范围外的将不显示。“显示类型”设置为“区间显示”时，才显示该配置项。 选中色：设置鼠标悬浮和单击颜色，同时也是交互动作中，高亮柱体的颜色。 边数：柱状图的边数，边数越多越接近圆柱形。如果希望做成圆柱体效果，可以将此参数设置为一个较大的值，例如32。 单位：图层的单位，支持像素和米。 半径：棱柱的半径。 高度范围：棱柱的高度。 图层标签 标签：是否开启图标标签。 标签悬浮：开启时，图标鼠标悬浮时显示标签。关闭时，标签常显。 系列名：标签是否显示系列名，对应静态数据中的“label”字段。 系列名字体：设置系列名的字体、大小和颜色等。“标签悬浮”设置为“开启”时，显示该配置项。 数值：标签是否显示数值，对应静态数据中的“value”字段。 数值字体：设置数值的字体、大小和颜色。“标签悬浮”设置为“开启”时，显示该配置项。 数值显示：是否显示最大值、最小值。选中后，对应最大值最小值的标签背景色、字体颜色将会发生变化。 图12 新建飞线图层 基本配置： 类型：固定为“飞线图层”。 图层：显示或隐藏图层。 显示范围：设置图层的显示范围，地图缩放级别在该范围内时，显示对应图层。 图层透明度：设置图层的透明度。 图层样式 颜色样式：设置飞线的颜色样式，支持单色和渐变色。 显示类型：设置飞线颜色的显示类型，支持均分显示和区间显示。 颜色设置：根据颜色设置的数量，会将飞线值从最小值到最大值的范围进行均分，落在不同范围的值，将显示对应的颜色。“显示类型”设置为“均分显示”时，才显示该配置项。 填充颜色：根据设置不同的区间，当飞线值落在对应的区间内，显示对应的颜色值。区域范围外的飞线将不显示。“显示类型”设置为“区间显示”时，才显示该配置项。 选中色：设置飞线鼠标悬浮颜色，同时也是交互动作中，高亮飞线的颜色。 飞线弧度：设置飞线的弧度，只在3D模式下生效。 起点宽度：设置飞线的起点宽度。 终点宽度：设置飞线的终点宽度。 动画效果 脉冲效果：是否开启飞线的脉冲效果。 脉冲点长度：设置脉冲长度，开启脉冲效果后显示该配置项。 脉冲点速度：设置脉冲速度，开启脉冲效果后显示该配置项。 头部颜色：设置脉冲的头部颜色，开启脉冲效果后显示该配置项。 尾部颜色：设置脉冲的尾部颜色，开启脉冲效果后显示该配置项。 气泡效果：是否开启飞线终点的气泡效果。 气泡样式：设置气泡的颜色，支持蓝色、黄色、绿色、红色，开启气泡效果后显示该配置项。 气泡半径：设置气泡的半径，开启气泡效果后显示该配置项。 动画速度：设置气泡的动画速度，开启气泡效果后显示该配置项。 图层标签 标签悬浮：飞线鼠标悬浮时，是否显示标签。 系列名：标签是否显示系列名。 系列名内容：请输入系列名内容。 系列名字体：设置系列名的字体、颜色和大小等。 数值：标签是否显示数值，对应静态数据中的“value”字段。 数值字体：设置数值的字体、颜色和大小等。 数值显示：是否显示最大值、最小值。选中后，对应最大值最小值的标签背景色、字体颜色将会发生变化。 图13 新建基础热力图层 基本配置 类型：固定为“基础热力图层”。 图层：显示或隐藏图层。 显示范围：设置图层的显示范围，地图缩放级别在该范围内时，显示对应图层。 图层透明度：设置图层的透明度。 图层样式 颜色设置：设置图层的颜色，单击“新增颜色设置”，可添加新的颜色。 最大值：热力值的最大值，默认为数据中的最大值，也可以自定义设置，会控制热力的最热区域的显示效果。 最小值：热力值的最小值，默认为数据中的最小值，也可以自定义设置，会控制热力的最冷区域的显示效果。 单位：热力的单位，支持“像素”单位和“米”单位的热力聚合。 半径：设置热力的聚合半径。 图14 设置半径 高度：设置热力最高点的高度值。 图15 设置高度 图16 新建区域热力图层 基本配置 类型：固定为“区域热力图层”。 图层：显示或隐藏图层。 显示范围：设置图层的显示范围，地图缩放级别在该范围内时，显示对应图层。 图层透明度：设置图层的透明度。 图层样式 显示类型：设置图标的显示类型，支持均分显示和区间显示。 颜色设置：根据颜色设置的数量，会将值从最小值到最大值的范围进行均分，落在不同范围的值，将显示对应的颜色。“显示类型”设置为“均分显示”时，才显示该配置项。 填充颜色：根据设置不同的区间，当值落在对应的区间内，显示对应的颜色值，区域范围外的将不显示。“显示类型”设置为“区间显示”时，才显示该配置项。 选中色：设置鼠标单击和悬浮颜色，同时也是交互动作中，高亮区域的颜色。 区域边框：设置行政边界的颜色和边框大小。 图层标签 标签：是否开启图标标签。 标签悬浮：开启时，图标鼠标悬浮时显示标签。关闭时，标签常显。 系列名：标签是否显示系列名，对应静态数据中的“label”字段。 系列名字体：设置系列名的字体、大小和颜色等。“标签悬浮”设置为“开启”时，显示该配置项。 数值：标签是否显示数值，对应静态数据中的“value”字段。 数值字体：设置数值的字体、大小和颜色等。“标签悬浮”设置为“开启”时，显示该配置项。 数值显示：是否显示最大值、最小值。选中后，对应最大值最小值的标签背景色、字体颜色将会发生变化。

配置 在配置中，设置地图组件的基本信息、地图样式、地图控件和地图控制等。 图4 高德地图配置 地图基本配置 地图密钥：输入地图的服务密钥，请参考高德开放平台中操作自行到官网申请。 安全密钥：如果您的地图密钥是在2021年12月02日以后申请的key，需要配合安全密钥一起使用。如何使用安全密钥，请参见JS API 安全密钥使用。 地图中心：设置地图中心的设置类型，支持自定义和行政区。 行政区编码：设置行政区或行政区对应的编码，如何下载行政区编码，请参见Web服务 API 相关下载。“地图中心”设置为“行政区”时，才显示该配置。 地图中心经度：设置地图中心点的经度。“地图中心”设置为“自定义”时，才显示该配置。 地图中心纬度：设置地图的中心点的纬度。“地图中心”设置为“自定义”时，才显示该配置。 缩放级别：设置地图的缩放层级。“地图中心”设置为“自定义”时，才显示该配置。 缩放范围：设置地图可以缩放的范围，取值范围为2~26。 POI显示：是否开启POI显示，关闭后不会显示全部地图文字和POI信息。 地图样式 底图样式：设置底图的样式类型，支持标准地图和卫星图。 显示要素：设置地图显示的元素，支持区域面、道路、建筑物和标注。当“底图样式”设置为“标准地图”时，才显示该配置项。 显示路网：是否显示路网，当“底图样式”设置为“卫星图”时，才显示该配置项。 实时路况：是否显示实时路况。 视图模式：设置地图的视图模式，支持2D平面图和3D平面图。 俯仰角度：设置地图的初始化俯仰角度。“视图模式”设置为“3D平面图”时，才显示该配置项。 地图样式：设置地图样式模板，支持标准模板和自定义模板。 标准模板：设置地图标准的样式模板，可选择高德地图支持的11种模板，即标准、幻影黑、月光银、远山黛、草色青、雅士灰、涂鸦、马卡龙、靛青蓝、极夜紫和酱籽。 自定义地图：根据实际需求自定义地图。 如何自定义地图，请参见自定义地图。 区域掩模 区域掩模：是否显示区域内的掩模。开启后，只显示区域内的图层和覆盖物。 掩模边界：掩模边界信息的获取方式，支持直接设置行政区和geojson两种方式。 行政区编码：设置行政区或行政区对应的编码，如何下载行政区编码，请参见Web服务 API 相关下载。“掩模边界”设置为“行政区”时，才显示该配置项。 选择数据：通过上传geojson来设置掩模的边界信息。“掩模边界”设置为“geojson”时，才显示该配置项。 掩模边框：设置掩模边框的颜色和大小。 地图行政区 行政区：是否高亮显示行政区。 行政区范围：设置行政区范围的获取方式，支持直接设置行政区和geojson两种方式。 行政区编码：设置行政区或行政区对应的编码，如何下载行政区编码，请参见Web服务 API 相关下载。“行政区范围”设置为“行政区”时，才显示该配置项。 选择层级：设置高亮行政区的下钻范围，支持显示省级、显示市级和显示区级。选择的层级必须低于设置的行政区，例如，行政区编码设置为A市，选择层级只能设置为市级或者区级才会有效。“行政区范围”设置为“行政区”时，才显示该配置项。 选择数据：通过上传geojson，来设置行政区范围。“行政区范围”设置为“geojson”时，才显示该配置项。 层级颜色：设置高亮行政区的颜色。 行政区边框：设置高亮行政区的边框颜色。 地图控件 缩放：开启后，地图右下角会添加缩放控件。 图5 开启缩放效果 旋转：开启后，地图右上角会添加旋转控件。 图6 开启旋转效果 比例尺：开启后，地图左下角会添加比例尺控件。 图7 开启比例尺效果 地图控制 拖拽：设置地图是否支持拖拽。 缩放：设置地图是否支持缩放。 双击放大：设置地图是否支持双击放大。“缩放”设置为“开启”时，才显示该配置项。 旋转：设置地图是否支持旋转。

页面开发流程 在华为云Astro大屏应用可视化开发页面，通过拖拽组件、设置页面布局、对接业务数据等，即可构建华为云Astro大屏应用大屏&PC端/移动端页面，具体流程如图5所示。 图5 页面开发流程 页面设置 配置页面屏幕大小、适应方式、背景颜色或背景图片。更多介绍，请参见如何进行设置页面。 构思布局 根据大屏高保真设计或构思，划分基本布局，并拖拽对应的组件到画布中。如何添加组件到画布中，请参见组件管理。 组件设置 为组件对接业务数据、根据大屏互动形式设置交互动作、根据UI设计设置组件的样式、颜色等。支持预览页面、查看整体效果，按需调整，优化布局细节。 各组件功能介绍，请参见组件介绍。 组件数据源设置，请参见数据接入。 如何设置组件交互动作，请参见交互设置。 保存发布页面 保存开发好的页面，并发布。更多介绍，请参见页面管理。

发布为首页 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在项目列表中，单击页面所在的项目，进入项目。 将鼠标放在对应的页面上（如本示例中的“园区办公人员统计”），单击“...”，选择“设为首页”。 返回项目列表页面，将鼠标放在页面所在的项目上，单击。 在项目发布中，单击“+ 新建版本”。 输入版本号（如2.0），在版本管理中，勾选“园区办公人员统计”页面，单击“确定”。 图1 新建版本（园区办公人员统计） 单击，将6中新建的版本设置为当前发布版本。 图2 设置发布版本 单击对应项目上的，即可查看到项目的首页变为了园区人员办公统计页面。

健康检查设置 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在华为云Astro大屏应用界面的项目列表中，单击已创建的项目，进入项目。 在主菜单中，选择“项目设置”，进入项目设置页面。 参考设置项目锁中操作，获取项目锁。 在左侧导航栏中，选择“健康检查”。 开启健康检查。 图1 健康检查 开启健康检查功能后，平台会对页面运行状态进行检查。您也可以根据业务需求，自定义健康检查项。 全选：选中所有的健康检查项。 展示页面加载进度条：勾选后，页面顶部会出现页面加载进度条。 开启浏览器内存使用率异常提醒：勾选后，如果浏览器内存使用率超过70%，页面右下角会弹框提醒。 开启资源访问耗时过长提醒：勾选后，如果单个资源访问耗时超过1秒，页面右下角会弹框提醒。 开启接口请求错误提醒：勾选后，如果接口请求出现错误，页面右下角会弹框提醒。 开启代码执行异常提醒：勾选后，如果代码执行出现错误，页面右下角会弹框提醒。 开启首屏加载耗时过长提醒：勾选后，如果页面首屏加载耗时超过5秒，页面右下角会弹框提醒。 开启子页面加载状态检查：勾选后，平台会检测iframe子页面的运行状态。

将页面发布为模板 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在项目列表中，单击页面所在的项目，进入项目。 在所有页面中，单击待发布为模板的页面。 单击“编辑页面”，进入大屏开发页面。 在大屏开发页面，单击，选择“发布为模板”。 填写模板名称和模板描述，单击“发布”。 模板名称的长度不能超过60个字符，且只能包含字母、数字、汉字及特殊符号“-”或“_”。 图1 发布自定义页面模板 发布完成后，本租户下的其他用户登录华为云Astro大屏应用新建页面时，即可在“自定义模板”中，使用页面模板创建页面。 图2 使用自定义模板创建页面

访问项目 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在项目列表中，单击对应项目上的。 在项目发布中，单击待发布版本后的，设置该版本为当前发布版本。 如何新建项目版本并发布，请参见发布及安装项目。 图1 发布版本 设置项目访问限制。 按照项目限制：项目中页面首次完成验证后，其余页面无需二次验证。例如，页面A、B、C设置了Token认证，页面D、E、F设置了分享码。勾选按照项目限制时，校验过页面A的Token认证后，不会再校验页面B和C。校验了页面D的分享码后，同样不会再校验页面E和F。 按照页面限制：项目遵循各页面访问限制。 返回项目列表，将鼠标放在对应的项目上，单击，即可预览发布后项目版本的页面。

项目通用设置 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在华为云Astro大屏应用界面的项目列表中，单击已创建的项目，进入项目。 在主菜单中，选择“项目设置”，进入项目设置页面。 参考设置项目锁中操作，获取项目锁。 在左侧导航栏中，选择“通用”。 设置网页的图标等，单击“保存”。 图1 通用设置 开启页面加载动画：勾选后，预览或打开页面时，将会显示加载动画。 网页图标：设置项目在浏览器标签页标题左侧的图标。图片类型支持ico、png、pjp、jpg、pjpeg、jpeg和jfif，图片大小不能超过1MB，建议使用大小为32*32像素的ico图标。 延迟加载隐藏的组件：勾选后，预览或打开页面时，将先加载显示的组件，再加载隐藏的组件。

指标 指标是指可视化组件中，对除可视化图形之外的具体补充，即主要以文字和数字的表现形式，为可视化组件提供具体数值的参考。 图13 基本饼图指标 显示指标：图表中是否显示指标。 标题内容：自定义指标的文字内容。 标题字体：设置指标标题的字体、大小和颜色等。 自动求和：指标是否自动求和。 数值内容：“自动求和”设置为“否”时，可自定义指标数值。如果为自动求和，此处的值为工程管理value和环境管理value的数据之和。 数值字体：设置指标数值的字体、大小和颜色。

图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 基本饼图图形 颜色：设置图表中，图形的颜色。 统一配置：统一配置中设置的内容，对图表中所有数据系列均生效。 数据系列：图表是否显示数据系列。 南丁格尔图：是否使用南丁格尔图。 内半径：设置饼图内半径的值，单位%。 外半径：设置饼图外半径的值，单位%。 圆心横坐标：设置饼图圆心横坐标的值，单位%。 圆心纵坐标：设置饼图圆心纵坐标的值，单位%。 排布顺序：扇区可按顺时针或逆时针排布。 起始角度：扇区起始角度。 最小角度：扇区最小角度。 鼠标悬停：鼠标放在扇区时，该扇区是否放大显示。 所有标签设置：设置为显示后，图表中会显示标签。 所有标签悬浮设置：鼠标悬浮在对应数据系列上时，标签是否显示。 标签位置：标签显示位置，如内部、外部或中间。 标签视觉引导线是否展现：设置为“是”时，标签前会添加引导线。 引导线长度：设置标签引导线的长度。 标签内容：设置标签显示的内容，可以包含数据值、百分比和系列名。 标签文字：设置标签内容的字体、大小和颜色等。 描边：基本饼图间系列和整体范围的描边样式。 设置背景：饼图背景颜色、内外半径设置。 数据系列 系列名称：原始数据中默认的系列名称，可通过设置“显示名称”，进行修改。 显示名称：图表中实际显示的系列名。 下标：数据系列所在的位置。 初始选中：数据项初始是否被选中。 颜色样式：数据系列的颜色样式，支持以下几种。 单色：可设置正常颜色和高亮下颜色。 渐变色：可设置渐变样式、渐变方向、起始颜色和结束颜色。 条件色：单击“新增条件格式”，可设置条件和响应数据列的样式。如图7中所示，该设置表示环境管理满足设置的条件（大于300）时，显示为红色，否则显示为正常颜色。 图7 设置条件格式 纹理：通过上传纹理图片，自定义数据系列的颜色格式。 普通标签：未选中数据系列时，标签的样式。 系列名是否展示：标签中系列名是否显示，如工程管理。 数据值是否展示：标签中数据值是否显示，如工程管理对应的数据值“635”。 百分比是否展示：标签中百分比是否显示，如工程管理对应的百分比“67.2”%。 普通标签字体：设置标签内容的字体、颜色和大小等。 高亮标签：选中数据系列时，标签的样式。 系列名是否展示：标签中系列名是否显示，如工程管理。 数据值是否展示：标签中数据值是否显示，如工程管理对应的数据值635。 百分比是否展示：标签中百分比是否显示，如工程管理对应的百分比67.2%。 高亮标签字体：设置标签内容的字体、颜色和大小等。