自定义编辑卡片

本文以柱状图为例,为您介绍可视分析创作间中卡片的编辑功能。

前提条件

  • 已上传数据集。

  • 已探查数据集。

  • 已保存卡片。

操作步骤

  1. 输入账户和密码,登录可视分析创作间

  2. 在左侧导航栏,单击卡片图标image,进入卡片页面。image

  3. 选择需要编辑的卡片,单击更多操作 > 编辑,进入当前卡片编辑页面。

    imageimage
  4. 在左侧数据列目录中,选择或拖拽数据列至对应参数设置字段中,根据所需变更聚合方式、粒度方式和设置分组。也可以单击高级简单进行显示模式互换。

    imageimage
    说明
    • 每个字段可拖拽多次。

    • 配置字段填满后,将无法添加新字段,请删除不需要的重新添加。

  5. 单击明细数据,可以查看当前卡片的明细数据。

    image
  6. 选择需要筛选的数据列,设置筛选条件。并可以对每个筛选字段分别设置筛选范围。

    image
  7. 单击image,增加高亮的条件样式。当存在多个条件样式时,选择imageimage,调整条件样式的显示方式。

    image
  8. 单击image,打开条件样式设置。以柱状图为例,通过调整条件类型和柱子的颜色,设置需要高亮显示的柱子。

    image
  9. 在页面右侧单击样式设置,打开样式设置模块。包括全局设置更换图表图表样式3个页签。

    image
  10. 全局设置页签下,选择需要展示的卡片主题,并配置图表文字和图表信息。

    image
  11. 更换图表页签下,选择需要切换的图表类型,包括但不限于柱状图、条形图、饼图、漏斗图和雷达图等。

    image
  12. 图表样式页签下,以柱状图为例,请根据下方表格中参数说明进行配置。

    参数

    说明

    展示形式

    设置图表的展示形式,包括堆叠分组

    柱子颜色

    柱子的颜色,请参见颜色映射器使用说明,配置不同柱子的映射颜色样式。单击image图标,打开视觉映射功能,选择不同的映射类型,自定义设置柱子颜色。

    X

    设置图表中X轴的样式。

    • X轴显示:打开开关,图表内X轴样式显示可见;关闭开关,图表内X轴样式不可见。

    • 数据类型:X轴数据的类型,可选类目型时间型

    • 轴线:柱图的X轴轴线样式,包括线的类型、线的粗细和线的颜色,可单击image图标控制X轴轴线样式的显隐。

    • 轴标题:柱图的X轴轴标题样式,可单击image图标控制X轴轴标题的显隐。

      • 标题显示:X轴轴标题显示的文字内容。

      • 展示方式:X轴轴标题的展示方式,包括标题的角度值和标题的偏移值。

      • 文本样式:X轴轴标题文本的字体样式、文字粗细、字号和颜色。

    • 刻度线:X轴刻度线样式,包括刻度线的长度值、粗细值和颜色,可单击image图标控制X轴刻度线样式的显隐。

    • 轴标签:X轴轴标签样式,可单击image图标控制X轴标签样式的显隐。

      • 显示格式:X轴标签时间显示格式的样式。

      • 两端间距:X轴标签距离轴线两端之间的距离,单位%。

      • 标签展示:标签的展示样式,包括:X轴轴标签的数量、标签的前后缀内容、标签的角度值、偏移量和标签展示时候的对齐方式。

      • 文本样式:X轴轴标签文本的字体样式、文字粗细、字号和颜色。

    • 网格线:X轴网格线的样式,包括网格线的线型样式、粗细、颜色、长度和网格线之间的间距值,可单击image图标控制X轴标签样式的显隐。

    Y

    设置图表中Y轴的样式。

    • Y轴显示:打开开关,图表内Y轴样式显示可见;关闭开关,图表内Y轴样式不可见。

    • 显示范围:Y轴的数据最小值和最大值的显示范围,仅在数据类型配置项选择数值型时可配置。

      • 数据最小值:Y轴的最小值,支持自定义输入,也支持系统选择数据最小值,取数据中的最小值。

      • 数据最大值:Y轴的最大值,支持自定义输入,也支持系统选择数据最大值,取数据中的最大值。

    • 轴线:柱图的Y轴轴线样式,包括线的类型、线的粗细和线的颜色,可单击image图标控制Y轴轴线样式的显隐。

    • 轴标题:柱图的Y轴轴标题样式,可单击image图标控制Y轴轴标题的显隐。

      • 标题显示:Y轴轴标题显示的文字内容。

      • 展示方式:Y轴轴标题的展示方式,包括标题的角度值和标题的偏移值。

      • 文本样式:Y轴轴标题文本的字体样式、文字粗细、字号和颜色。

    • 刻度线:Y轴刻度线样式,包括刻度线的长度值、粗细值和颜色,可单击image图标控制Y轴刻度线样式的显隐。

    • 轴标签:Y轴轴标签样式,可单击image图标控制Y轴标签样式的显隐。

      • 显示格式:Y轴标签数值显示格式的样式,可选默认11(整数)11.1(浮点数)11.11(浮点数)11%(百分比)11.1%(百分比)1,111(千分位)和1,111.1(千分位)。更多数据显示格式请参见数据显示格式说明

      • 两端间距:Y轴标签距离轴线两端之间的距离,单位%。

      • 标签展示:标签的展示样式,包括:Y轴轴标签的数量、标签的前后缀内容、标签的角度值、偏移量和标签展示时候的对齐方式。

      • 文本样式:Y轴轴标签文本的字体样式、文字粗细、字号和颜色。

    • 网格线:Y轴网格线的样式,包括网格线的线型样式、粗细、颜色、长度和网格线之间的间距值,可单击image图标控制Y轴标签样式的显隐。

  13. 单击image,返回上一步操作。

  14. 单击image,进入聚焦模式。更方便查看当前配置下智能卡片的展示样式。单击image,退出聚焦模式。

    image
  15. 鼠标hover在卡片标题和描述部分,会显示文字底色,双击该部分,可以自定义设置卡片标题或添加当前卡片的描述。

    image
  16. 卡片编辑完成后,单击保存图标image、下载图标image和分享图标image,对当前卡片进行保存、下载和分享操作。