跳到主要内容

1 基础条形图

1.1 介绍与演示​

Preview

条形图控件主要应用于排名分析，通常情况下只会勾选一个度量，然后对度量进行降序排序。但也可以勾选多个度量进行显示，具体根据实际情况决定

1.2 使用教程​

1.2.1 基础属性​

基础属性可以对本控件的背景、边框、标题、选择器等属性的修改。

  1. 背景：颜色（纯色、渐变颜色）、背景图（显示方式）等设置；
  2. 边框：是否圆角（圆角度数设置）、边框（是否存在、边框尺寸、边框颜色、是否阴影）等设置；
  3. 标题：控件标题（是否显示）、显示高度、标题背景设置、字体样式设置、超链接、字体位置等设置；
  4. 选择器：选择器（是否显示）、背景设置、字体、展现方式（根据不同宽度来调整大小：窗口等分、分别定义占比、分别定义绝对宽度）等设置；

1.2.2 高级属性​

控件内部内容与控件边框的边距，常用于配合其他功能使用。
比如横轴文字倾斜，导致文字显示不全，那么就要调整下内边距；纵轴刻度较大或较小，那么就要调整左内边距；
增加图例时，图例可能以各种形式显示，那么就要依照实际需求进行内边距调整等；

  • 横轴/X轴​

坐标轴类控件独有，轴线样式，显示文字的样式以及旋转角度。
显示轴线：设置轴线是否显示。
轴线样式：设置轴线的宽度与颜色。
刻度样式：设置是否显示刻度线，以及刻度线的长宽颜色。
文字样式：设置是否显示文字内容，以及文字旋转角度、间距、颜色、大小。
分割线样式：设置是否显示分割线，以及分割线宽度和颜色。

  • 纵轴/Y轴​

坐标轴类控件独有，柱线图通常情况下会用到左右两个刻度，所以这里的刻度线样式要分开配置。可以配置轴线样式，刻度样式以及刻度文字旋转。
刻度样式：设置刻度的倍率单位以及保留几位小数。
轴线样式：设置轴线是否显示，以及轴线宽度、颜色。
刻度线样式：设置刻度线是否显示，以及长度、宽度、颜色。
文字样式：设置文字是否显示，以及文字旋转角度、颜色、大小。
分割线样式：设置分割线是否显示，以及分割线宽度、颜色。
刻度数量：可以自定义刻度显示数量。
值范围：可以自定义Y轴刻度大小。

  • 图形标签​

是否在控件上显示具体的数据，可调整显示数据的样式。
内容：默认和自定义两种模式，【自定义】：可以自定义设置，直接写入内容或在已加入的度量后写入单位或内容。
显示：选择是否显示数据标签，以及显示位置和对齐方式。
文字：设置文字的颜色、大小、旋转角度和距离。

调整鼠标移动到控件上时的提示框样式。
显示提示：设置提示框是否显示。
背景色：设置背景颜色。
文字样式：设置字体颜色和字体大小。
指示器样式：设置指示器颜色和宽度。

  • 柱形样式​

柱形背景开启：选择是否显示柱形背景，可更改柱形背景颜色
柱形圆角：柱形的圆角度数
柱形宽度：每列柱形的宽度设置

设置柱状图中每个柱形的颜色样式。
颜色系列：选择提供默认配置好的多种主题颜色；

显示：选则是否开启图例功能。
显示方向：可以调整图例里的数据是从左往右显示，还是从上往下显示。
水平位置：调整图例的水平位置是居左、居中还是居右。
垂直偏移：可以调整图例的垂直位置。
交互方式：设置图例是否可以点击。如果支持点击，可对图形控件进行数据筛选显示。
字体大小：可调整图例的文字大小。
图标尺寸：可设置图标的宽高尺寸。

1.3 事件属性​

事件属性主要是控件的穿透和控件动效。

2 圆柱条形图

2.1 介绍与演示​

Preview

2.2 基础操作​

参考目录【1.基础条形图】完成基础配置

2.3 关键性操作配置​

  • 柱形样式：自定义设置柱形圆角、宽度
  • 图形标签：开启图形标签、控制显示位置、文字
  • 图形标签内容：默认或者自定义（选择度量后，写入相应文本内容）

3 进度条式条形图

3.1 介绍与演示​

Preview

进度条式条形图可以帮助观众快速了解任务或项目的完成情况，特别是当需要对比多个任务或项目的完成进度时。它们通常用于项目管理、数据报告和其他需要直观展示进度的场景中。
通常情况下，已完成的部分会用一种颜色或填充效果来表示，而未完成的部分则用另一种颜色或填充效果表示，以便清晰地区分。

3.2 基础操作​

参考目录【1.基础条形图】完成基础配置

3.3关键性操作配置​

  • 柱形样式：开启图形背景，自定义选择颜色

4 双向条形图

4.1 介绍与演示​

Preview

双向图控件主要应用于展示两组数据的差距，通常情况下会勾选两个度量，然后对度量进行降序排序。

4.2 基础操作​

参考目录【1.基础条形图】完成基础配置
注意： 数据要求：要有两个度量，且度量必须是数字类型！

4.3关键性操作配置​

  • 图形基础
    左侧边距：自定义调整双向条形图中左侧部分（度量一），距离左边距的宽度
    左侧宽度：自定义调整双向条形图中左侧部分（度量一）的宽度
    中侧距离：自定义调整双向条形图中中间部分（文字部分即维度），距离左边距的宽度
    右侧边距：自定义调整双向条形图中右侧部分（度量二），距离右边距的宽度
    右侧宽度：自定义调整双向条形图中右侧部分（度量二）的宽度
    柱形圆角：柱形的圆角度数
    柱形宽度：每列柱形的宽度设置
    图形倒转：维度顺序的翻转

5 金字塔式双向图

5.1 介绍与演示​

Preview

金字塔样式的双向图是一种用于比较两组数据并显示它们之间差异的图表类型。该图表呈金字塔形状，每个金字塔由两个相邻的条形图组成，分别表示两组数据的大小，通过比较两组数据的高度差异来反映它们之间的关系。
通常情况下，金字塔样式的双向图将两组数据对称地显示在中心轴两侧，其中心轴通常代表零值线或基准线。如果一组数据的条形图高度超过中心轴，表示该数据大于基准线；反之，则表示小于基准线。通过这种方式，金字塔样式的双向图能够直观地展示出两组数据的相对大小关系。
这种图表常用于比较男女人口比例、两个时间点的数据对比等场景，能够有效地传达数据的含义并引起注意。

5.2 基础操作​

参考目录【4.双向条形图】完成基础配置
注意： 数据要求：要有两个度量，且度量必须是数字类型！

5.3关键性操作配置​

  • 数据的准备（参考案例）

    image
    Preview

  • 图形基础（参数的选择）
    左侧边距：调整到与右侧相近的距离
    中侧距离：调整到最左侧即越小越贴近
    右侧边距：调整到与左侧相近的距离

6 倒金字塔式双向图

6.1 介绍与演示​

![](https://editdoc.tizdata.com/images/6/202/倒 金字塔.gif)

6.2 基础操作​

参考目录【1.基础条形图】完成基础配置
注意： 数据要求：要有两个度量，且度量必须是数字类型！

6.3关键性操作配置​

  • 图形基础
    图形倒转：维度顺序的翻转