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

使用流程

  1. 登录DataV控制台
  2. 我的可视化页面,新建一个可视化应用或者单击一个已有可视化应用的编辑按钮。
  3. 在画布编辑器页面,单击工具栏中的美化工具箱
    美化工具箱入口
  4. 在美化工具箱面板,单击智能主题

    智能主题功能界面显示未启用时,您可以选择单击未启用图标图标或页面内的快速开启启用该功能。

    说明 单击智能主题左侧显隐图标图标可以切换启用或隐藏该功能。
  5. 智能主题管理页面,按照以下说明配置主题。

    智能主题管理页面包含了我的主题自定义主题两个模块。

    • 我的主题
      1. 单击我的主题 > 系统主题
      2. 系统主题列表中,选择一个主题。 选择系统主题
      3. 在画布中预览主题效果,满意后,单击页面右下角的确认应用
        警告 应用主题将覆盖原有可视化应用配置,请确认后再进行操作。
        当可视化应用中存在不支持智能主题功能的组件时,系统会提示不支持主题的组件类型或组件名。提示框提示不支持主体功能

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

      4. 在对话框中单击确定,即可将选中的主题应用到可视化应用中。

        更多功能请参见我的主题

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

        当可视化应用中存在不支持智能主题功能的组件时,系统会提示不支持主题的组件类型或组件名。

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

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

      6. 在对话框中单击确定,即可将选中的主题应用到可视化应用中。

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

  6. 主题配置完成后,可预览发布可视化应用,在线展示可视化应用的智能主题效果。

我的主题

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

自定义主题

自定义主题模块提供了上传自定义图片,使用选中的图片生成多个对应的主题等功能。在自定义主题页面,您可以完成以下操作。
  • 修改主题色值:您可以单击下方自定义生成的某个主题,单击主题中某个色块,然后拖动该色块在图片上对应的取色圈调整色块的颜色。
  • 保存主题
    1. 自定义主题页面,选择下方生成的某个主题。
    2. 单击选中主题右上方的保存主题,修改被保存主题的名称,单击确定保存当前主题。
    3. 保存后,系统自动跳转至我的主题页面,在已保存主题中展示已保存的自定义主题。
  • 替换图片:在自定义主题页面,单击替换图片或单击色彩来源框内的图片,可重新选择图片生成新的自定义主题样式。