智能主题

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

我的主题

我的主题模块提供了选择系统内置的主题、查看并使用已经保存的主题等功能。在我的主题页面,您可以完成以下操作:

  • 查看系统主题中的色块色值:鼠标移动到某一个系统主题上,每次经过一个色块即可获取当前色块的色值,方便您确定配色的具体情况。 色块色值显示

  • 管理已保存主题

    操作

    描述

    选择已保存的主题

    单击已保存主题下拉框,可在已保存主题列表中,查看保存过的自定义主题方案。单击选中某个主题,可在可视化应用直接预览效果。

    重要

    初始状态下,已保存主题列表为空。

    编辑主题名称

    单击编辑图标图标,可以修改选中主题的名称。 编辑主题名称

    删除主题

    单击删除图标图标,可以删除选中主题。 删除主题

    重要

    主题删除后不可恢复,请谨慎操作。

    修改色块颜色

    选择某个已保存主题中的色块,单击色块中的编辑图标图标。在颜色选择器框内,自定义选择所需要的颜色。确定后,单击外框任意地方即可完成色块颜色的修改。 颜色修改替换功能

    说明

    我的主题功能面板中,所有在已保存主题界面内的主题色块都可以自定义修改色块颜色,系统主题下的主题色块是系统固定配色,不支持修改。

自定义主题

自定义主题模块提供了上传自定义图片,使用选中的图片生成多个对应的主题等功能。在自定义主题页面,您可以完成以下操作。 image

  • 修改主题色值:您可以单击下方自定义生成的某个主题,单击主题中某个色块,然后拖动该色块在图片上对应的取色圈调整色块的颜色。 image

  • 保存主题

    1. 自定义主题页面,选择下方生成的某个主题。

    2. 单击选中主题右上方的保存主题,修改被保存主题的名称,单击确定保存当前主题。image

    3. 保存后,系统自动跳转至我的主题页面,在已保存主题中展示已保存的自定义主题。image

  • 替换图片:在自定义主题页面,单击替换图片或单击色彩来源框内的图片,可重新选择图片生成新的自定义主题样式。image

使用流程

  1. 登录DataV控制台
  2. 我的可视化页面,使用模板创建PC端可视化应用或单击一个已有可视化应用的编辑

  3. 进入画布编辑器页面,单击编辑器页面上方的美化工具箱图标。

  4. 在美化工具箱面板,单击智能主题

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

    说明

    单击智能主题左侧显隐图标图标可以切换启用或隐藏该功能。

  5. 智能主题管理页面,按照以下说明配置主题。

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

    • 我的主题

      1. 单击我的主题 > 系统主题

      2. 系统主题列表中,选择一个主题。 选择系统主题

      3. 在画布中预览主题效果,满意后,单击页面右下角的确认应用

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

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

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

        重要

        应用主题将覆盖原有可视化应用配置,请确认后再进行操作。

    • 自定义主题

      1. 单击自定义主题

      2. 自定义主题页面,单击色彩来源模块中的点击上传风格图色彩来源入口

      3. 上传自定义风格图(目前仅支持JPEG、JPGPNG格式的图片文件)。

        说明

        风格图上传成功后,系统会自动生成主题色板,并且可视化应用自动更新为当前默认色板样式。您可在当前画布中预览该默认主题色板的效果。

      4. 在上传的自定义风格图内,可以拖动取色圈,自定义更改下方主题的颜色。image

      5. 在画布中预览主题效果,满意后,单击右下方的确认应用

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

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

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

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

        重要

        应用主题将覆盖原有可视化应用配置,请确认后再进行操作。

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