样式配置

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

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

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

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

图形设置

  • 柱形：设置柱子为“堆叠”或“并列”（即y轴有多个度量时如何显示），“直角”或“圆角”（即柱子边缘显示），柱子宽度以及颜色。

  • 绘图区：设置图表中间的绘图区，是否有网格线，以及绘图区的背景边框。
  • 动画效果：设置柱形图的轮播效果。

辅助信息

  • 提示框：设置柱形图提示框文字、背景、指示器及是否开启轮播。

  • 坐标轴：设置柱形图x轴、y轴的轴标签、轴线、轴标题等信息。

  • 数据标签：设置柱形图上是否要展示数据标签，以及标签的文字样式。

  • 图例：设置柱形图是否要展示图例，以及图例的展示位置、文字样式。

卡片设置

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

  • 标题：设置图表的标题，可以选择是否可见、标题位置、字体颜色和大小。

  • 边框：设置图表的外框，可以选择外框颜色、线条粗细、线型等。

  • 特效边框：有动态效果的边框。

  • 阴影：设置图表中的阴影效果，分为内阴影和外阴影。

  • 背景：设置图表整体背景颜色、透明度。

  • 遮掩：设置图表的遮掩情况，可以选择水平或垂直方向。

  • 边距：设置图表上下左右四个方向到图表组件边缘的距离。

  • 下钻按钮位置：在图表中存在下钻/上卷按钮时，调整其位置。

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

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