5.8 主题配色

​ Saca Dataviz支持用户根据需求设置图表和图册的配色。对于图表而言,可以对图表的配色单独进行设置,并在图册中保持图表的主题。点击界面右侧的工具栏区域中的“配色方案”,即可看到系统内置的主题和用户自定义的主题。选择下方的具体主题样式,即可以切换图表主题为不同的颜色。

theme/theme-1

5.8.1 系统主题

​ Saca DataViz内置了丰富的系统主题配置,可以直接单击选择切换主题配色。

5.8.2 自定义主题

​ 如果需要自行设置主题配色,请按顺序选择:配色方案→自定义→新建主题,即可在弹出的界面中新增自定义主题。该界面默认的主题颜色与当前选中主题相同,可在此基础上进行自定义主题样式的修改。完成后点击“确定”即可保存。 自定义主题属于用户资源,只有用户本身可以使用和编辑。

theme/theme-2

5.8.2.1 基本设置

​ 自定义主题界面包含:

  1. 主题名称:可自行为主题设置名称,便于查找和使用;

    1. 色系:自定义主题包含分类色、序列色和渐变色共3套色系。分类色和序列色分别对应两类图表,如透视表、色块地图、热力图使用的就是序列色,而其余图表使用的是分类色。分类色的取色规则,多系列图按系列对应取分类色,单系列按维度值取色,分类色现在可以设置12种颜色,超出12种颜色时可以自动取差值;此外,可以对使用分类色的图表进行渐变色设置,具体的操作请参考第5.8.2.3节。

    2. 背景色:指图表整个背景的颜色。

    3. 文本色:全局文本颜色。

    4. 轴线色:图表中轴线的颜色,如柱图的X轴Y轴。

      theme/theme-3

    5. 标题边框色:如上图所示的A区域。

    6. 标题背景色:如上图所示的B区域。

    7. 内容边框色:如上图所示的C区域。

    8. 内容背景色:如上图所示的D区域。

    9. 提示框背景色:指鼠标悬浮提示框背景色。

    10. 边框顶角色:指图表加边框之后矩形边框四个角的颜色,如下图所示。

      theme/theme-4

5.8.2.2 主题编辑和删除

​ 用户可以对自定义主题进行编辑和删除。当鼠标悬浮到主题颜色条上时,会显示“编辑”和“删除”的图标,点击即可进行主题编辑或删除主题。

theme/theme-5

5.8.2.3 渐变色设置

​ 为增加图表的美观性,可以为图表添加渐变色颜色属性,修改方法为进入自定义主题界面,点击渐变色下拉菜单点选渐变色按钮进入渐变色界面。在设置了渐变色颜色后,可以在“属性设置”下的“渐变设置”栏中勾选“渐变色”选项,从而开启图表的渐变色。

theme/theme-6

theme/theme-7

​ 渐变色设置下的每一行代表一组渐变色,最多可选择三个颜色来组成这一组,进而实现三种颜色间的渐变。当只选择了两个颜色时进行双颜色间的渐变。而只选择了一种颜色时会进行单色显示,不进行渐变。渐变色与序列色作用相似,只是颜色不同,是单色序列色的补充。渐变色的设置方法(修改颜色、删除颜色组、新增颜色组)如下图所示。

theme/theme-8

​ 目前Saca Dataviz共支持4种不同的渐变方向,分别是线性下至上、线性上至下、线性左至右和线性右至左。现将渐变色设置为如下图所示的颜色,即同色系从浅到深的形式,按照这4种渐变方向设置图表,取得的效果如下所示。

theme/theme-9

1.线性下至上:

theme/theme-10

2.线性上至下:

theme/theme-11

3.线性左至右:

theme/theme-12

4.线性右至左:

theme/theme-13

results matching ""

    No results matching ""

    results matching ""

      No results matching ""