本文档以基础折线图为例,指导您完成常规图表类组件样式的配置。

单击某个常规图表,右边会自动弹出 样式数据交互三个选项卡。

全局样式

在全局样式中,您可以调整图表的字体和边距。
  • 字体
    单击下拉箭头,选择您需要显示的字体。

  • 边距
    1. 单击边距,展开边距选项
      说明
      边距选项默认为折叠状态。
    2. 单击+号或者-号,或者手动输入数字,调整图表与边距的距离。


  • 空值数据

    取消勾选,在图表中隐藏空值数据。

x 轴

在 x 轴菜单中,设置当前线图的显示文本、轴标签、轴线和网络线。

单击 x 轴右侧的眼睛图标,在图表中隐藏 x 轴数据。

  • 文本

    • 字号:单击+号或者-号,或者手动输入数字,调整字号大小。
    • 颜色:参考颜色选择器说明,调整字体颜色。
    • 字体粗细:单击字体粗细下拉框,调整字体粗细。
  • 轴标签
    单击轴标签右侧的眼睛图标,在图表中隐藏 x 轴标签。

    • 数据种类:单击下拉箭头,选择数据的种类,例如,数值型、类目型和时间型。
    • 数据格式:根据数据种类,在下拉菜单中选择数据的格式。
    • 显示格式:单击下拉箭头,根据数据的展示需要选择数据的显示格式。
    • 留白:勾选此选项,系统会在 x 轴的左右两侧留白。
    • 留白距离:拖动滑块或手动输入数字,调整留白距离。
      • 只有勾选了留白,此选项才有效。
      • 此选项的取值区间为[0,1]。
    • 最大值/最小值:系统会根据您选择的数据种类,自动匹配最大值和最小值。
    • 位移:单击+号或者-号,或者手动输入数字,调整 x 轴与组件下边界的距离。
    • 单位:手动输入数据的单位,例如,年、月、天、小时等。
    • 数量:单击+号或者-号,或者手动输入数字,调整 X 轴上需要显示的数据数量。
    • 角度:单击下拉箭头,选择 x 轴上数据的显示样式,例如,水平、斜角和垂直。
  • 轴线
    单击轴线右侧的眼睛图标,在图表中隐藏 x 轴的轴线。

    参考颜色选择器说明,调整轴线的颜色。

  • 网络线
    单击网格线右侧的眼睛图标,在图表中隐藏 x 轴的网络线。

    参考颜色选择器说明,调整网络线的颜色。

y 轴

在 y 轴菜单中,设置当前线图的显示文本、轴标签、轴单位、轴线和网络线。

单击y 轴右侧的眼睛图标,在图表中隐藏 y 轴数据。

  • 文本
    • 字号:单击+号或者-号,或者手动输入数字,调整字号大小。
    • 颜色:参考颜色选择器说明,调整字体颜色。
    • 字体粗细:单击字体粗细下拉框,调整字体粗细。
  • 轴标签
    单击轴标签右侧的眼睛图标,在图表中隐藏 y 轴标签。

    • 最小值:手动输入数据最小值,或者单击下拉箭头,选择自动取整或数据最小值。系统会自动匹配 y 轴上需要显示的最小值。
    • 最大值:手动输入数据最大值,单击下拉箭头,选择自动取整或数据最大值。系统会自动匹配 y 轴上需要显示的最大值。
    • 数量:单击+号或者-号,调整 y 轴上需要显示的数据数量。
    • 显示格式:单击下拉箭头,根据数据的展示需要选择数据的显示格式。
    • 位移:单击+号或者-号,或者手动输入数字,调整 y 轴与组件左边界的距离。
    • 角度:单击下拉箭头,选择 Y 轴上数据的显示样式,例如,水平、斜角和垂直。
  • 轴单位
    单击轴单位右侧的眼睛图标,在图表中隐藏 y 轴单位。

    您可以手动输入数据的单位,例如,米、吨等。

  • 轴线

    单击轴线右侧的眼睛图标,在图表中隐藏 y 轴的轴线。

    参考颜色选择器说明,调整轴线的颜色。

  • 网络线

    单击网格线右侧的眼睛图标,在图表中隐藏 y 轴的网络线。

    参考颜色选择器说明,调整网络线的颜色。

图例

单击图例右侧的眼睛图标,在图表中隐藏图例。



数据系列

在数据系列菜单中,对数据系列进行逐条编辑,包括,数据系列的名称、折线的粗细、圆点的半径、显示的区域颜色以及是否显示标签。

单击 添加图标,新增一个数据系列。选择一个数据系列,单击 删除图标,删除选中的数据系列。

  • 系列名:为该数据系列输入一个名称。

  • 折线

    • 颜色:参考颜色选择器说明,调整折线的颜色。
    • 样式:单击下拉箭头,选择折线的样式,例如,实线或者虚线。
    • 粗细:单击+号或者-号,或手动输入数字,调整折线的粗细效果。
    • 近似曲线:勾选此选项,将折线的走向变为曲线。
  • 圆点
    单击圆点右侧的眼睛图标,在图表中隐藏圆点。

    • 颜色:参考颜色选择器说明,调整圆点的显示颜色。
    • 半径:单击+号或者-号,或者手动输入数字,调整圆点的大小。
  • 区域
    单击区域右侧的眼睛图标,在图表中隐藏区域显示。

    单击下拉箭头,选择区域颜色的填充效果,例如,颜色填充和渐变填充。

    参考颜色选择器说明,调整需要填充或需要渐变的颜色。

    拖动浮标,或者手动输入一个数值,调整填充颜色的深浅。

  • 标签
    单击标签右侧的眼睛图标,在图表中隐藏标签。