# 仪表板主题管理

使用主题可以制作美观仪表板,切换不同主题可以实现同一个仪表板展示不同的效果,满足在多个场景下的应用。例如:浅色更适合日常的工作,不那么容易产生视觉疲劳,深色则更适合演示汇报,更加炫酷能够吸引注意力。

仪表板主题分项目主题和系统主题:

  • 项目主题:仅用于当前项目下的仪表板文件,相关文件是存储在当前项目-资源-settings-themes-dash
  • 系统主题:可用于当前系统中所有项目下的仪表板文件,相关文件是存储在系统数据-资源-settings-themes-dash

# 系统自带主题模板

系统自带多个美观的主题,这些主题都是经过设计师精心设计的,直接选择即可复用样式,用户可以借助主题风格制作出美观的仪表板。且主题之间都是可以相互切换的,点击仪表板编辑界面左上角的文件-切换主题,即可弹出选取主题的对话框,可在此处选取切换不同的主题。

切换主题

不同主题下组件的风格是通过风格名称来对应切换的,例如:

  • 柱形图绿色主题下应用的是图表风格3,则切换主题后,组合图则是应用的海洋王国下的图表风格3
  • 如果海洋王国中的组合图没有命名为图表风格3的风格,那么他会自动选用组合图风格列表中的第一个

切换风格

示例地址:切换主题风格 (opens new window)

TIP

为什么我们的可视化页面可以轻松的做到无缝切换多个主题都那么好看呢?感兴趣的话一起来组件风格规范看看吧,等你哟~

# 新增主题

如需自行新增一个主题,按照如下步骤操作即可:

  1. 增加新主题:有两种方式
  2. 重命名:新增了一个主题后,可以再次修改主题名称。具体操作见管理主题-重命名
  3. 修改主题色板/风格:自定义色板颜色及组件风格,具体操作见管理主题-修改主题
  4. 更新主题缩略图:新增了自定义的主题后还需要有一张缩略图来示意主题的色调,更新缩略图的具体操作见管理主题-更新缩略图

TIP

空的主题文件是指,只包含色板颜色、及组件默认风格,不带任何图片、图标的主题文件。

# 管理主题

用户可以对已有的主题进行复制修改主题色板及组件风格重命名和删除更新缩略图的操作

# 复制主题

复制主题有两个入口,分别是在仪表板的编辑界面和资源目录下:

  • 入口一:直接在仪表板编辑界面的选取主题对话框中选中一个主题,右键后选择功能菜单中的复制主题即可复制出一个新的主题
  • 入口二:在项目-资源-settings-themes-dash下选中某个主题文件后,右键复制到当前的dash目录下即可
选取主题的对话框中 资源目录下

复制主题1

复制主题2

# 修改主题

主题文件目录下一般包含如下内容:

主题文件

  • icons:存储主题相关的图标
  • images:存储主题相关的图片
  • theme.json:以json的形式记录主题色板、组件风格等内容
  • thumbnail:即主题缩略图

修改主题包含两部分内容,分别是修改主题色板和修改组件风格:

  1. 修改主题色板:如需修改主题的基础色调,即主题色板,需修改主题的theme.json文件,具体操作见仪表板主题制作
  2. 修改组件风格:如需调整组件风格,可以直接在界面上对组件风格进行更新新增,具体操作见风格

TIP

同一时间建议只能有一个人修改主题风格,多人同时修改时会相互覆盖,可能导致部分内容丢失,所以建议指定一人维护。

# 重命名和删除

重命名和删除都有两个入口,分别是在仪表板的编辑界面和资源目录下:

  • 入口一:仪表板编辑界面,点击页面左上角的文件-切换主题,弹出选取主题对话框后,选择其中一个主题右键重命名删除即可
  • 入口二:在主题所在项目-资源-settings-themes-dash下选中某个主题文件后,右键重命名删除即可
选取主题的对话框中 资源目录下

重命名和删除1

重命名和删除2

# 更新缩略图

主题缩略图是用来示意当前主题的基础色调,用户可根据缩略图初步对主题进行筛选使用。此处以更新系统主题缩略图为例演示具体操作,更新后的缩略图效果仍是在选取主题的对话框中查看。

更新缩略图

  1. 在本地准备好缩略图文件:将设计师处理好的缩略图文件(大小要求为416*234、命名要求为thumbnail),缩略图的格式可以是jpg也可以是png
  2. 进入资源目录:系统数据-资源-settings-themes-dash
  3. 删除旧文件:删除相应主题文件夹下的thumbnail.png文件
  4. 导入新文件:选中当前主题文件目录,右键导入本地准备好的缩略图文件即可
是否有帮助?
0条评论
评论