样式配置

选中组件后,右侧的设置面板,第一个Tab就是“样式”设置,可以在这里修改组件的样式。
样式配置 - 图1

组件的样式设置通常分为三类:

  • 图形:最核心图形元素的设置,比如柱形图的柱子颜色、柱子宽度
  • 辅助信息:一些辅助表意的信息设置,比如图例、数据标签、提示信息
  • 卡片设置:一些跟图形无关的设置,比如卡片的标题、背景、边框、圆角

以“柱形图”为例。选中组件,右侧的样式配置中,按照上述三个分类,分为“图形”、“辅助信息”、“卡片设置”三个Tab。
样式配置 - 图2

图形设置

  • 柱形:设置柱子为“堆叠”或“并列”(即y轴有多个度量时如何显示),“直角”或“圆角”(即柱子边缘显示),柱子宽度以及颜色。
    样式配置 - 图3
  • 绘图区:设置图表中间的绘图区,是否有网格线,以及绘图区的背景边框。
    样式配置 - 图4
  • 动画效果:设置柱形图的轮播效果。
    样式配置 - 图5

辅助信息

  • 提示框:设置柱形图提示框文字、背景、指示器及是否开启轮播。
    样式配置 - 图6

  • 坐标轴:设置柱形图x轴、y轴的轴标签、轴线、轴标题等信息。
    样式配置 - 图7

  • 数据标签:设置柱形图上是否要展示数据标签,以及标签的文字样式。
    样式配置 - 图8

  • 图例:设置柱形图是否要展示图例,以及图例的展示位置、文字样式。
    样式配置 - 图9

卡片设置

设置卡片的标题、边框、阴影、背景等样式。

  • 标题:设置图表的标题,可以选择是否可见、标题位置、字体颜色和大小。
    样式配置 - 图10

  • 边框:设置图表的外框,可以选择外框颜色、线条粗细、线型等。
    样式配置 - 图11

  • 特效边框:有动态效果的边框。
    样式配置 - 图12 样式配置 - 图13

  • 阴影:设置图表中的阴影效果,分为内阴影和外阴影。
    样式配置 - 图14 样式配置 - 图15

  • 背景:设置图表整体背景颜色、透明度。
    样式配置 - 图16

  • 遮掩:设置图表的遮掩情况,可以选择水平或垂直方向。
    样式配置 - 图17

  • 边距:设置图表上下左右四个方向到图表组件边缘的距离。
    样式配置 - 图18

  • 下钻按钮位置:在图表中存在下钻/上卷按钮时,调整其位置。
    样式配置 - 图19 样式配置 - 图20

  • 高级设置:设置元素穿透和混合模式。

  • 元素穿透:当该组件遮挡了其他组件,开启后,可穿透该组件,点击到更下方的图层的其他组件。