1. 内容概述

图表样式用于设置图表中数据点的样式。不同的图表类型，对应的图表样式会有所不同。本节都将 一 一为您介绍。

如下图所示为组合图和玫瑰图的图表样式。

2. 保持颜色分配

一般情况

组件使用调色板中的颜色，按数据点出现的顺序将调色板颜色分配给数据点。

因此，当更改数据顺序时，数据点的颜色也会改变。如下图，添加排序后，数据点的颜色基本都改变了。比如综合商品原来是黄色，现在改为了橘色。

这在实际应用中难免会混淆用户的使用定位。

保持颜色分配

而“保持颜色分配”这个选项就是用于固定数据的颜色、固定之后只要组件中出现这个数据就会固定使用预设的颜色。

如下图，打开“保持颜色分配”选项后，再添加数据排序。可见数据的顺序发生了变化，但数据点的颜色并没有变。

此功能还可用于保持多个组件之间的数据点颜色，各组件都开启维护颜色功能后，即可将同一个数据点的颜色一直保持一致。

指定颜色

当我们打开“保持颜色分配”后，下方的调色板变为了“分配颜色”，单击“管理”按钮，可进入分配颜色界面。

单击调色板，选择新的调色板颜色。然后单击“分配调色板”按钮，应用到各数据点中。

还可以为单个数据点设定颜色。选中整个数据点，然后在调色板中选择一个颜色。或者直接单击数据点颜色，调出色板进行选择。选择完成后确定即可。

最终的效果如下图。

3. 调色板

图表的配色是通过属性设置面板中的“调色板”设置项进行调整的。

选中组件并打开“属性设置”面板，在图表样式下，我们可以看到“调色板”选项，单击下拉箭头展开调色板下拉列表，选择所需要的色系即可。

添加自定义调色板

自定义颜色

• 单击“+新建调色板”，进入到调色板编辑界面，默认的模式为“自定义颜色”。
  
  
  
• 调色板颜色的颜色及个数默认展示当前所选择的调色板色系。
• 用户点击来添加色系中的颜色。
• 当鼠标悬停至色块上时，色块右上角出现删除图标，当用户点击该删除图标，可删除该色块。
  
  
  
• 鼠标单击色块，打开取色器，用户可设定该色块的颜色。
  
  
  
• 设定完成之后，单击“确定”，保存调色板并退出编辑页面。
• 用户自定义的调色板将显示在自定义页签中的列表当中，与主题色和标准色相同，用户选择自定义的色系即可完成设定。

系列渐变

• 单击“+新建调色板”，进入到调色板编辑界面，展开“模式”下拉菜单并选择“系列渐变”。
  
  
  
• 系列渐变的初始值为当前所选择的调色板色系的第一个颜色及最后一个颜色。
• 单击指示器中的颜色色块，打开取色器，可修改渐变色的初始或结束的颜色。
  
  
  
• 指定渐变色数量，在下方的预览中即可看到设定的调色板颜色。
  
  
  
• 设定完成之后，单击“确定”，保存调色板并退出编辑页面。

与自定义颜色相同，该调色板将出现在自定义页签中。

单值渐变

• 单击“+新建调色板”，进入到调色板编辑界面，展开“模式”下拉菜单并选择“单值渐变”。
  单值渐变可以单独设定调色板中每一个色块的颜色，相对于系列渐变来说，单值渐变对调色板颜色的设置更加细致。
  
  
  单击样式色块，选择合适的渐变样式。
  
  
  选择一个色块，然后在指示器中设置其渐变的初始值和结束值。
  
  
  
• 设定完成之后，单击“确定”，保存调色板并退出编辑页面。

与自定义颜色相同，该调色板将出现在自定义页签中。

编辑自定义调色板

• 在自定义页签中，将鼠标悬停至自定义的调色板。
• 在自定义调色板的右上角出现编辑与删除的按钮。
  
• 点击编辑按钮，进入到编辑页面对该调色板进行编辑。
• 编辑完成之后，点击确定保存即可。

删除自定义调色板

• • 在自定义页签中，将鼠标悬停至自定义的调色板。
  • 在自定义调色板的右上角出现编辑与删除的按钮。
    
  • 点击删除按钮即可删除该自定义调色板。

4. 图形不透明度

通过设定图形的不透明度来调整数据点的透明效果，默认值为100%，即不透明。

用户可以通过拖动滑块或者在输入框中输入数值来调整图形的不透明度。

5. 显示标记

用来控制是否在折线上显示数据标记点，是折线图、面积图与雷达图特有的属性，默认值为“是”。

将数据点显示出来后还可以进一步设置数据点的样式，如数据点的图形形状、大小、填充颜色、边框颜色等。

6. 曲线类型

曲线类型用来控制折线的样式，该选项是折线图与面积图特有的属性，提供三种线型供用户选择，分别为“折线”、“平滑曲线”以及“阶梯”，“折线”为默认值。

7. 线条类型

设置折线图的连接线为实线或虚线。

8. 线宽

设置折线图中连接线的粗细。

9. 空值曲线

用来控制当折线上出现NULL值时折线的连线方式，该选项是折线图与面积图特有的属性，提供三个选项供用户选择，分别为“跨过直连”、“空缺”及“0”，“跨过直连”为默认值。

• 跨过直连
• 空缺
• 0

10. 自动间隔

自动间隔用来控制柱状图或条形图等数据点之间的空隙，该选项时柱状图与条形图特有的属性，“是”为默认值。

• 是，使用系统默认的间隔。
• 否，当自动间隔选项为“否”。可设置“分类间隔”和“系列间隔”。
  用户通过输入空白区域的百分比来控制数据点之间的间隔，分类间隔输入范围为0~100。
  系列间隔输入范围为-100~100，当系列间隔为负数时，图形会重叠显示。
  
  
  

11. 圆角弧度

圆角弧度用来控制数据点边框的弧度。默认值为“0”，即为直角，用户通过输入数值来设定数据点的圆角弧度。

12. 起始角度和扇形角度

主要应用与饼图、环形图，玫瑰图、极坐标放射堆叠柱状图、旭日图、极坐标柱状图、极坐标堆叠柱状图、仪表盘及指示器等圆形图表。

起始角度用来控制饼图等圆形图表的起始位置。

从起始位置按顺时针转动，值得输入范围为0~360。

扇形角度用来控制饼图等圆形图表得扇形角度。

默认值为360°，在输入框中输入位置，设置从起始位置到结束位置得扇形角度。

13. 内径百分比

内径百分比用来控制环形图等环状图表的内径长度占外径长度的百分比，值范围为1~100。

主要应用于环形图，玫瑰图，极坐标放射堆叠柱状图、旭日图、极坐标柱状图、极坐标堆叠柱状图、仪表盘及指示器等环状图表。

14. 自动渐变

自动渐变是指在当前所用调色版的基础上为各色块添加由深到浅的线性渐变效果。

如需为组件添加更加丰富的渐变效果，请使用调色板中的自定义调色板功能，详见本页中关于调色版的介绍。

15. 轴模式

轴模式用来设定散点图及气泡图的坐标系模式，提供三个选项供用户选择，分别为“笛卡尔坐标”、“极坐标环状”及“极坐标多边形”，默认值为“笛卡尔坐标系”。

• 笛卡尔坐标系，即我们常说的直角坐标系
• 极坐标环状，将坐标系转换为极坐标系并以弧线连接为圆形。
• 极坐标多边形，将坐标系转换为极坐标系并以直线连接为多边形。
  
  
  

16. 顶部宽度/底部宽度/颈部高度

顶部宽度用来设定漏斗图顶部的宽度，是漏斗图特有的属性。值的输入范围为0~100，表示漏斗图顶部宽度占图表区域宽度的百分比。

底部宽度用来设定漏斗图底部的宽度，是漏斗图特有的属性。值的输入范围为0~100，表示漏斗图底部宽度占图表区域宽度的百分比。

颈部高度是用来设定漏斗图颈部的高度，是漏斗图特有的属性。值的输入范围为0~100，表示漏斗图颈部占图表区域高度的百分比。

17. 图形颜色偏好

图形颜色偏好是用来设定KPI矩阵中迷你图的颜色，是KPI矩阵特有的属性，通过取色器设定迷你图的颜色。

18. 指针颜色

指针颜色用来设定仪表盘图表的指针的颜色，是仪表盘特有的属性，通过取色器设定指针的颜色。

19. 范围划分方式

范围划分方式用来设定表盘的数值范围和显示颜色，提供2个选项供用户选择，分别为“按百分比划分”及“按常量值划分”，默认为“按百分比划分”为。

• 按百分比划分，下方的范围和颜色的划分方式为百分比。

当选择“按百分比划分”时，数值轴的值为对比值与范围设定百分比的乘积。

• 按常量值划分

当选择“按常量值划分”时，数值轴直接使用范围设定的数据。

20. 范围和颜色

范围和颜色用来设定表盘“高”、“中”、“低”区域的颜色，通过点击色块打开取色器来设定颜色。

21. 范围划分和颜色

KPI指标卡组件的颜色范围划分用来设置KPI指标卡中变化标签的字体颜色。

我们可以将变化标签设置为不同的数据范围显示为不同的颜色，从而更方便用户快速获取到有效信息。当然，如果变化标签已设置为不显示，则此设置项将不生效。

数据范围的划分方式可选择为“按常量值划分”或“按百分比划分”。

• 当选择“按常量值划分”时，实际数值在哪个范围内，即显示该范围对应的颜色。如下图所示，由于200000< 204780<250000，落在了中间范围，即对应黄色。因此变化标签字体显示为黄色。
  
  
  
• 当选择“按百分比划分”时，则按照实际数值与对比数值的差值占对比数值的百分比来决定显示的颜色。如下图所示，由于100%<(204780/200000)<200%，落在了较高范围内，对应绿色。因此变化标签字体显示为了绿色。
  
  
  

22. 对齐方式

对齐方式用来调整KPI组件中文字的对齐方式，是KPI组件特有的属性，提供三个选中供用户选择：“左对齐”、“居中”及“右对齐”，默认值为“右对齐”

23. 表盘背景色

表盘背景色用来指定指示器表盘的背景色，是指示器组件特有的属性，通过取色器设定颜色。ji

24. 区间范围颜色

区间范围颜色用来设定指示器组件的表盘前景色，是指示器组件特有的属性。默认值为“否”

• 否，表盘前景色为单色，不会根据实际计算出的占比值来显示不同的颜色，可通过取色器来调整表盘的前景色
  
  
  
• 是，显示选项“范围划分方式”及“范围和颜色”，根据实际计算出来的占比值来显示不同的颜色。
  

25. 反转颜色

区间图表特有属性。

区间图表中绑定的“高值”代表图表上限值，“低值”代表图表下限值。有时绑定的“高值”数据大小反而低于“低值”，这时您可设置反转颜色标注这部分差值。

如下图是一个典型的应用案例，展示1999-2005年期间某企业进出贸易状况：

上图很好的展示了该企业在这些年期间的贸易赤字和贸易盈余，其中红色表示贸易赤字，黄色表示贸易盈余，一目了然。