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

使用流程

  1. 新建一个可视化大屏或者单击一个已有大屏,进入大屏编辑器页面。
  2. 单击页面左上角工具栏的智能主题图标。
    智能主题入口
  3. 智能主题管理页面,按照以下说明配置主题。
    智能主题管理页面包含了我的主题自定义主题两个模块。
    • 我的主题
      1. 单击我的主题 > 系统主题
      2. 系统主题列表中,选择一个主题。
        选择系统主题
      3. 在画布中预览主题效果,满意后,单击右下方的确认应用
        警告 应用主题将覆盖原有大屏配置,请确认后再进行操作。
        若当前大屏中有不支持智能主题功能的组件时,会有消息提示框提示不支持主题的组件类型或组件名。
        提示框提示不支持主体功能

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

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

        更多功能请参见我的主题

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

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

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

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

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

我的主题

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

自定义主题

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

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


        算法优化功能展示
        说明 色块序列的排列顺序决定了大屏中组件各个序列数据的颜色显示。
  • 保存主题:在自定义主题页面,当设置后得到了满意的色板,可以选中该色板,单击主题色板设置右侧的保存,保存当前色板。保存后窗口自动跳转至我的主题页面,可以在已保存主题中查看保存的自定义主题。
  • 重置主题:在自定义主题页面,当选取了图片并进行了一系列配置操作后发现主题效果不够满意,可以单击主题色板设置右侧的重置,一键恢复到选取图片后的初始状态。