# 数据可视化 ​ Kepler数据可视化模块包含可视化图表和仪表板的管理和使用，用户可以通过数据可视化模块创建符合业务需求的可视化大屏 ## 可视化图表 ​ 可视化图表可以帮助用户直观、清晰地展示数据分析结果。在可视化报表模块中，可以将平台内的指标（或数据库中的表）配置成各式图表，以方便观察指标数据。目前系统支持丰富的图表类型，包括：交叉表、明细表、数字、柱状图、折线图、饼图 等。 ### 可视化图表列表 ​ 可视化图表管理页面包含所有创建好的图表信息，点击高级搜索按钮进行图表列表过滤，点击列表表头也可以进行列表排序，列表中展示了图表名称、可视化类型、创建用户、创建时间和数据来源信息，鼠标移动到任意一行会出现权限和删除按钮，可以进行删除控制权限的操作，点击可视化图表名称可进入可视化图表配置页面。 ![image-20220719143536926](../images_v2.0/data_visual/chart_list.png) ### 新建可视化图表 ​ 在可视化图表管理页面，点击“添加可视化图表”按钮，在弹出窗口中可以选择数据库、个人指标、标准指标、事实表和维度表作为可视化分析的数据来源。点击弹窗左下角确认按钮，进入图表配置页面。 ![image-20220719113345622](../images_v2.0/data_visual/create_chart_datasource.png) ### 可视化图表配置 ​ 可视化图表配置页面的配置区域位于页面左侧，其中最左侧栏的为数据列，来自新建时所选择的数据来源；用户可通过列名左侧的图标来分辨其数据类型，同时列名可以拖动至右侧字段配置栏中的行维度、列维度和指标区域，在属性栏中可对图表颜色、标签和提示等属性进行配置；对于不同的类型图表，数据字段可拖入的区域也不同 ​ 用户可通过操作栏右下角的全量和采样按钮来更改获取到数据的方式，采样方式可以修改按钮右侧的输入框的值来更改采样的数量，对于全量方式可以进行数据钻取操作。 ![chart_edit_block](../images_v2.0/data_visual/chart_edit_block.png) ​ 点击区域上部的按钮可以展示出所有可视化图表类型，包括交叉表、明细表、文本、柱形图、堆叠柱形图、水平柱形图、水平堆叠柱形图、折线图、堆叠面积图、散点图、气泡图、漏斗图、仪表盘、饼图、时间河流图、箱线图、水球图、数据文字云、中国区域地图、中国点地图、中国热力地图、混搭图、对比柱形图、玫瑰图、雷达图、瀑布图、热力图、桑基图、旭日图和矩形树图等；点击不同类型可将当前图表切换至对应类型进行展示。 ![choose_chart_type](../images_v4.0/data_visual/choose_chart_type.png) 当选择中国区域地图、中国点地图或中国热力地图作为图表类型时，我们需要将省、市、度量区域拖入相应的字段，如果省市出现数据市行政区域编码而不是省市名称时，需要点击拖入的字段，右侧下拉列表中选择数据映射，然后点击编码，图表就会刷新重新渲染。 ![choose_chart_type](../images_v4.0/data_visual/visual_chart_map.png) ## 仪表板 ​ 仪表板可以将可视化图表、文字、网页、图片、组合面板等信息展示集成到同一个面板上， 使用图层功能来得到不同tab上展示不同内容的效果，仪表板内部的组件可以根据业务需要和设计的合理性来调整尺寸和位置，也可悬浮在其他图表之上展示。 ### 仪表板管理 ​ 仪表板管理页面主要展示配置好的所有仪表板信息，其中包括仪表板名称、创建用户和创建时间，当鼠标悬浮在某一行数据时，可以看到编辑、权限、分享和删除图标，点击这些图标去完成对应的操作；点击仪表板名称可以进入到仪表板的预览页面，查看仪表板的预览效果。 ![dashboard_list](../images_v2.0/data_visual/dashboard_list.png) #### 仪表板分享 ​ 仪表板可以将通过链接分享给他人进行访问，点击分享按钮会弹出分享链接的配置页面；链接分享开启后可以复制对应分享URL在其它环境进行访问，过期时间关闭则代表该分享链接永不过期，开启并设置过期时间后，该URL将在对应的时间点之后无法访问并提示。 ![dashboard_share](../images_v2.0/data_visual/dashboard_share.png) ### 新建仪表板 ​ 点击新建仪表板按钮进入仪表板配置页面，页面顶部可进行名称修改、PC/移动端展示仪表板、预览、保存和退出操作，下方为仪表板配置区域 ### 仪表板配置 ​ 仪表板配置区域中，左侧是添加组件的区域，点击相应的图表可以添加不同的组件到仪表板中，并可根据需求进行自行排布，右侧为仪表板的配置属性区域，其中包含仪表板的主题样式配置， 点击中间区域的组件可以在配置区域显示组件的属性配置。 #### 仪表板添加组件 ​ 仪表板一共可以添加6种类型的组件: 1. 组件中为已经创建好的图表 2. 过滤可以在其中创建不同图表的过滤表单，其中包含时间选择器、下拉选择、文本框和数字输入框，可以通过绑定仪表板中图表组件的不同字段来达到图表数据过滤效果 3. 文本组件为一段自定义的文本内容，可以通过文本编辑器对文字的样式就行修改从而展示在仪表板中 4. 网页组件为一个网址url指定的网页，通过配置url来显示在仪表板上 5. 图片组件为一个可以上传图片展示的组件，通过导入和配置点击图片的链接来完成配置 6. 组合面板是一种特殊的组件， 可以在组合面板中导入以上五个组件来做自己想要的仪表板效果 ![dashboard_add_widget](../images_v4.0/data_visual/dashboard_add_widget.png) #### 仪表板组件配置 ​ 当不选择仪表板中的组件时，在页面右侧属性配置的是全局样式，其中包含 1. 基础样式，即页面主题的选择，除了默认的样式配置外，还有预设的默认黑、简约、海洋等主题样式。 2. 仪表板，可以配置仪表板的背景，渐变、纯色或者图片，还可以配置仪表板中各个组件的最小间隔 3. 标题，用来配置组件标题样式，其中包括标题文字的字体、加粗、斜体、下划线、对齐方式;标题背景可以用纯色、渐变色和图片来配置 4. 图表，用来配置图表的配色和文字样式 5. 组件，用来配置组件内部的边框和背景 6. 阴影，用来添加组件的阴影样式，可以添加多个，也可以不设置阴影 ![dashboard_whole_config](../images_v2.0/data_visual/dashboard_whole_config.png) ​ 当鼠标点击图表或选中图表之后，在页面右侧配置的是图表单独的配置，其中包括 1. 图表特殊的信息，包含名称、浮动开关和自动更新开关，自动更新开启表示该图表数据会实时更新， 2. 图表的特殊样式， 包括标题、图表、文字、组件和阴影， ![dashboard_chart_config](../images_v2.0/data_visual/dashboard_chart_config.png) ​ 当鼠标点击文本组件或选中文本组件之后，在页面右侧配置的是文本组件单独的配置，其中包括 1. 文本组件特殊的信息，包含名称、浮动开关 2. 文本组件的特殊样式， 包括标题、组件和阴影 ![dashboard_text_config](../images_v2.0/data_visual/dashboard_text_config.png) ​ ​ 当鼠标点击网页组件或选中网页组件之后，在页面右侧配置的是网页组件单独的配置，其中包括 1. 网页组件特殊的信息，包含名称、URL和浮动开关 2. 网页组件的特殊样式， 包括标题、组件和阴影 ![dashboard_url_config](../images_v2.0/data_visual/dashboard_url_config.png) #### 组件可操作功能 ​ 当选中组件之后，组件左上角会出现下拉按钮，点击下拉按钮会出现可以操作组件的不同按钮，其中包含编辑组件、组件全屏、更换组件、查看数据、查看SQL、刷新数据、导出和删除，其中关于数据的操作都只存在于图表组件 ![dashboard_view](../images_v2.0/data_visual/dashboard_view.png) ​ 当选中的组件为图表是，点击数据按钮，会弹窗展示图表的使用数据，点击SQL按钮弹窗展示格式化好的SQL语句，点击导出按钮弹窗展示导出选项，其中包括导出的类型:csv、json和图片以及BOM模式的开关 ### 仪表板分享二维码 ​ 点击配置页面右上角的切换移动端按钮， 用户可在仪表板渲染区域看到一个用于移动端查看或分享给他人的二维码，扫码即可预览最后一次保存的结果。 ![dashboard_qr_share](../images_v2.0/data_visual/dashboard_qr_share.png) ### 仪表板模式切换 ​ 仪表板存在两种模式:编辑模式和预览模式，编辑模式下，可以看到三栏布局的页面，可以操作仪表板来实现业务的需求，预览模式下将只展示仪表板设计好的渲染区域，无法对仪表板内的组件进行编辑和更换及其他操作。