页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

...

在颜色标记中可以选择不同的配色方案,来设置图形的颜色效果。且支持拖入字段后,根据字段的值为标记应用不同的颜色。

2 颜色标记功能说明

1、颜色 标记区上点击 ,然后从弹出窗口中选择一种颜色,会将图形中的所有标记更新为您选择的颜色。Image Removed,然后在弹出窗口中选择一种颜色、设置透明度,图形中的所有标记都将更新为您选择的颜色。

设置颜色的方法包含:在推荐色中选择颜色、输入 RGB 颜色值和输入十六进制颜色码。

Image Added

2、从 数据选择区 中,拖拽字段到 中,拖拽维度或度量字段到 颜色 标记上,图形将根据字段的值为标记应用不同的颜色。以拖入维度字段为例,拖拽 产品类别 字段放在 颜色 标记上,则图形中的标记将按类别细分,每种类别分配有一种颜色。

3 场景示例

以产品内置Demo资源的“订单模型”作为数据来源,介绍各种图形颜色功能的相关使用场景。

3.1 图形渐变色效果

1、展示从下到上颜色由浅到深的 单色渐变 效果。颜色 标记区上点击 Image Added,然后在弹出窗口选择 渐变 ,设置项内容和图形效果如下图所示:

可根据实际想要的颜色渐变幅度,点击+ / - 号增删色标,或点击色条上的空白位置增加色标,选中色标后,可以调整色标颜色和色标位置。

Image Added

2、展示从左到→颜色由蓝到绿的 多色渐变 效果。颜色 标记区上点击 Image Added,然后在弹出窗口选择 渐变 ,设置项内容和图形效果如下图所示:

Image Added

3.2 根据数值自动渐变


3.3 不同数值区间应用不同颜色

...