KDPlus企业级数字孪生应用开发平台 产品教学第3课：图表控件

在今天的教学中，主要包括柱状图、折线图、饼状图三个版块，共计11个表格操作教程。通过图表形式展现数据，可以帮助我们快速、准确理解信息。好的图表还能向我们揭示数据背后的规律。

本节课介绍常见图表的信息表达特征和适用的业务场景，帮助大家了解如何在不同的场景下选择合适的图表，从而帮助我们更清晰的传递信息。

一张图表至少包含：标题、横纵坐标轴、数据系列、数据标签、图例等部分，每一部分都在图表中扮演特定的角色、表达特定的信息。

柱状图教学

柱形图的核心思想是“对比”，适合少量类别的对比，且对比信息特别清晰。

基础柱状图

首先在工具栏找到图表组件，点击【基础柱状图】在屏幕内点击左键，创建“基础柱状图”表格，通过拖拉拽，调整表格位置与大小，在【样式】栏修改组件名称， 根据需要调整表格元素；在【图形系列】修改表格图形，自定义图形颜色，这里我们选择渐变，修改渐变数据颜色，为了更美观还可以修改序列边框；在Y轴单位一栏填上数据单位。点击【数据】选择表格类型，编辑表格数据。

堆叠柱状图

在工具栏找到图表组件，点击【堆叠柱状图】在屏幕内合适的位置创建“堆叠柱状图”表格，通过拖拉拽，调整表格位置与大小，在【样式】栏修改组件名称， 根据需要选择显示的表格元素，在【图例】选择图例显示位置；在【图形系列】修改表格图形，自定义图形颜色，这里我们选择渐变，修改渐变数据颜色，为了更美观还可以修改序列边框。在Y轴单位一栏填上数据单位；在【坐标轴】可修改坐标轴颜色、字体、大小；最后点击【数据】选择表格类型，编辑表格数据。

横向分组柱状图

在工具栏找到图表组件，点击【横向分组柱状图】在屏幕内合适的位置创建“横向分组柱状图”表格，通过拖拉拽，调整表格位置与大小，在【样式】栏， 根据需要选择显示的表格元素，在【图形系列】修改表格图形，自定义图形颜色，这里我们选择渐变，修改渐变数据颜色，为了更美观还可以修改序列边框。点击【数据】选择表格类型，编辑表格数据。

横向堆叠柱状图

点击【横向堆叠柱状图】组件，在屏幕内合适的位置创建“横向堆叠柱状图”表格，通过拖拉拽，调整表格位置与大小；在【样式】栏， 根据需要选择显示的表格元素，在【坐标轴】设置Y轴刻度数量，在【图形系列】修改表格图形，自定义图形颜色，这里我们选择渐变，修改渐变数据颜色，为了更美观还可以修改序列边框。点击【数据】选择表格类型，编辑表格数据。

折线图教学

折线图作为信息最明了的图表，是各种图表中最容易解读的图表，以下是它的几种变种：

基础折线图

点击【基础折线图】组件，在屏幕内合适的位置创建“基础折线图”表格，通过拖拉拽，调整表格位置与大小；在【样式】栏的【组件名称】修改表格组件名称，在【图表元素】根据需要选择显示的表格元素，在【图形系列】修改表格图形，自定义图形颜色，这里我们选择渐变，修改渐变数据颜色，为了更美观还可以修改序列边框。点击【数据】选择表格类型，编辑表格数据。

基础面积图

在工具栏找到图表组件，点击【基础面积图】在屏幕内合适的位置创建“基础面积图”表格，通过拖拉拽，调整表格位置与大小，在【样式】栏， 根据需要选择显示的表格元素，在【图例】修改图例显示样式，在【坐标轴】Y轴单位一栏填上数据单位，在【图形系列】修改表格图形，自定义图形颜色，这里我们选择渐变，修改渐变数据颜色，为了更美观还可以修改序列边框。点击【数据】选择表格类型，编辑表格数据。

曲线图

在工具栏找到图表组件，点击【曲线图】在屏幕内合适的位置创建“曲线图”表格，通过拖拉拽，调整表格位置与大小，在【样式】栏， 【坐标轴】设置Y轴刻度数量，点击【数据】选择表格类型，编辑表格数据。回到【样式】栏，在【图形系列】修改表格图形，自定义图形颜色，这里我们选择渐变，修改渐变数据颜色，为了更美观还可以修改序列边框。

曲线面积图

点击【曲线面积图】组件，在屏幕内合适的位置创建“曲线面积图”表格，通过拖拉拽，调整表格位置与大小；在【样式】栏的【图表元素】根据需要选择显示的表格元素，在【图形系列】修改表格图形相关数据，自定义图形颜色，这里我们选择默认，修改数据颜色，为了更美观还可以修改序列边框。点击【数据】选择表格类型，编辑表格数据。

饼状图教学

基础环形图

点击【基础环形图】组件，在屏幕内合适的位置创建“基础环形图”表格，通过拖拉拽，调整表格位置与大小；在【样式】栏的【图表元素】根据需要选择显示的表格元素，在【图形系列】修改表格图形相关数据。点击【数据】选择表格类型，编辑表格数据。回到样式界面，在【图形系列】自定义图形颜色，修改数据颜色，为了更美观还可以修改序列边框。

基础玫瑰图

点击【基础玫瑰图】组件，在屏幕内合适的位置创建“基础玫瑰图”表格，通过拖拉拽，调整表格位置与大小；在【样式】栏的【图表元素】根据需要选择显示的表格元素，在【图形系列】修改表格图形相关数据，自定义图形颜色，修改数据颜色，为了更美观还可以修改序列边框。最后点击【数据】选择表格类型，编辑表格数据。

层叠玫瑰图

点击【层叠玫瑰图】组件，在屏幕内合适的位置创建“层叠玫瑰图”表格，通过拖拉拽，调整表格位置与大小；在【样式】栏的【图表元素】根据需要选择显示的表格元素，在【图形系列】修改表格图形相关数据，自定义图形颜色，修改数据颜色，为了更美观还可以修改序列边框。最后点击【数据】选择表格类型，编辑表格数据。