本文档介绍DataV智能主题功能的使用方法。通过智能主题功能,您可以对大屏进行合理的配色,快速解决在设计大屏时遇到的配色困难的问题。

使用流程

  1. 登录DataV控制台
  2. 我的可视化页面,新建一个可视化大屏或者单击一个已有大屏。
  3. 在大屏编辑器页面,单击工具栏中的智能主题图标。
    智能主题入口
  4. 智能主题管理页面,按照以下说明配置主题。
    智能主题管理页面包含了我的主题自定义主题两个模块。
    • 我的主题
      1. 单击我的主题 > 系统主题
      2. 系统主题列表中,选择一个主题。
        选择系统主题
      3. 在画布中预览主题效果,满意后,单击页面右下角的确认应用
        警告 应用主题将覆盖原有大屏配置,请确认后再进行操作。

        当大屏中存在不支持智能主题功能的组件时,系统会提示不支持主题的组件类型或组件名。

        提示框提示不支持主体功能

        如果您对主题效果不满意,可单击取消,取消当前的主题配色。

      4. 在弹出框中单击确定,即可将选中的主题应用到大屏中。

        更多功能请参见我的主题

    • 自定义主题
      1. 单击我的主题 > 自定义主题
      2. 自定义主题页面,单击色彩来源模块中的点击上传风格图
         色彩来源入口
      3. 上传自定义风格图(目前仅支持jpeg/jpg/png格式的图片文件)。
        说明 风格图上传成功后,系统会自动生成主题色板,并且大屏自动更新为当前色板样式。您可在当前画布中预览该主题色板的效果。
      4. 主题色板设置中,配置基础色板系列色板,详情请参见自定义主题
        示例上传图片生成模板主题
      5. 在画布中预览主题效果,满意后,单击右下方的确认应用
        警告 应用主题将覆盖原有大屏配置,请确认后再进行操作。

        当大屏中存在不支持智能主题功能的组件时,系统会提示不支持主题的组件类型或组件名。

        提示框提示不支持主体功能

        如果您对主题效果不满意,可单击取消,取消当前的主题配色。

      6. 在弹出框中单击确定,即可将选中的主题应用到大屏中。

        更多功能请参见自定义主题

  5. 主题配置完成后,可预览发布大屏,在线展示大屏的智能主题效果。

我的主题

我的主题模块提供了选择系统内置的主题、查看并使用已经保存的主题等功能。在我的主题页面,您可以完成以下操作:
  • 查看系统主题中的色块色值:鼠标移动到某一个系统主题上,每次经过一个色块即可获取当前色块的色值,方便您确定配色的具体情况。
    色块色值显示
  • 管理已保存主题
    操作 描述
    选择已保存的主题 单击已保存主题下拉框,可在已保存主题列表中,查看保存过的自定义主题方案。单击选中某个主题,可在大屏直接预览效果。
    注意 初始状态下,已保存主题列表为空。
    编辑主题名称 单击编辑图标,可以修改选中主题的名称。
    编辑主题名称
    删除主题 单击删除图标,可以删除选中主题。
    删除主题操作
    警告 主题删除后不可恢复,请谨慎操作。
    修改色块颜色 选择某个已保存主题中的色块,单击色块中的编辑图标。在颜色选择器框内,自定义选择所需要的颜色。确定后,单击外框任意地方即可完成色块颜色的修改。
    颜色修改替换功能
    说明 智能主题功能面板中,所有缺角的色块都可以自定义修改颜色,全角的色块是系统固定配色,不支持修改。
    缺角色块与全角色块

自定义主题

自定义主题模块提供了上传自定义图片,使用选中的图片生成主题等功能。在自定义主题页面,您可以完成以下操作。
  • 管理主题色板:自定义配置的主题色板生成后包括两个主要功能,分别为基础色板系列色板
    功能 描述
    基础色板 基础色板中,包含背景色文本色辅助信息色坐标轴色四个配置项,每个配置项都可以自定义修改颜色,修改后可以直接在大屏中实时预览效果配色。基础色板面板
    系列色板 系列色板中,包含图片拾色算法优化两种选择,默认选择图片拾色。
    • 图片拾色:选择图片拾色,系统会自动生成当前图片在拾色生成时的系列色板。其中列出来的每个颜色都可以修改,并且可以拖动修改色块的序列顺序。
    • 算法优化:选择算法优化,系统会使用当前图片,智能生成多个相关的色板模板。选中其中的一个,可以直接应用到大屏进行预览,可以拖动修改同一个主题中的色块的序列顺序。

      通过一张自定义图片生成的几套色彩方案中,都存在一个主色。它在每一套方案中以缺角模式存在,并且主色可以被修改。

      算法优化功能展示
      说明 色块序列的排列顺序决定了大屏中组件各个序列数据的颜色显示。
  • 保存主题:在自定义主题页面,单击主题色板设置右侧的保存,保存当前色板。保存后,系统自动跳转至我的主题页面,在已保存主题中展示已保存的自定义主题。
  • 重置主题:在自定义主题页面,单击主题色板设置右侧的重置,可以将主题一键恢复到选取图片后的初始状态。