巨量引擎广告后台自定义图表面积图

面积图

1. 1.​概述 

面积图与折线图相近，区别在于面积图会在折线与X轴间填充颜色。适合于描述数据的变化趋势，和部分数据对整体的贡献。

2. 2.​使用方法

1. a.​面积图图标 

点击面积图下的三角可以在「面积图」和「百分比面积图」间进行切换。

2. b.​配置规则 

面积图和百分比面积图均支持设置1个或多个维度和1个或多个指标后进行画图。一般而言，指标不会多于2个。

3. c.​面积图 

维度 ：支持1个或多个维度。如果超过1个维度，第二个及更多的维度会进行堆叠展示，使用不同颜色进行区分。指标 ：支持1个或多个指标，一般是1个指标。如果超过一个指标，第二个及更多的指标会进行堆叠展示，使用不同颜色进行区分。示例1 ：1个维度，1个指标

示例2 ：2个维度，1个指标

4. d.​百分比面积图

维度 ：支持1个或多个维度，一般是多个维度。如果超过1个维度，第二个及更多的维度会在条形上堆叠展示，使用不同颜色进行区分。指标 ：支持1个或多个指标，一般是1个指标。如果超过一个指标，第二个及更多的指标会进行堆叠展示，使用不同颜色进行区分。百分比展示 ：第一个维度的面积堆叠之和是100%。示例1 ：1个维度，2个指标

示例1 ：2个维度，1个指标

5. e.​线条样式 

线型 ：可以选择折线、平滑，线条的粗、细，以及实线、虚线、点线；标记 ：可以选择无标记点、空心圆、实心圆、正方形、菱形，以及选择标记的大小。

4. d.​编辑颜色 

可以给堆叠条形设置相应的颜色，有三种配色方案，如下图：

5. e.​X轴、Y轴 

X轴/Y轴 ：可点击X轴/Y轴右侧的开关按钮，选择显示或者不显示X轴/Y轴信息；数轴范围（仅Y轴有此设置项） ：有3个选项，自动、自动（不包含0）、指定范围：

• •​自动：（负值，0，正值），包含0；

• •​自动（不包含0）：

• •​指定范围：可手动输入最小值和最大值，输入的右边值要大于左边值，不能为空；

数据格式（仅Y轴有此设置项） ：点击可在弹窗中对数轴的标签数据格式进行设置。可设置为数字、百分比、千分比、原始值。轴名称 ：可设置文字大小、文字颜色；轴标签 ：可设置文字大小、文字颜色、文字倾斜角度（0-360度）；轴线 ：可设置轴线的颜色；缩略轴（仅X轴有此设置项） ：可用于横向缩放图表。

6. f.​图例、标签、提示框 

图例：

• •​可点击右侧的开关按钮，选择显示或者不显示图例信息；

• •​可设置图例在图表的位置，如上方、下方、左侧、右侧。

标签：

• •​可点击右侧的开关按钮，选择显示或者不显示标签信息；

• •​标签会显示在图表的顶层，点击显示标签之后，指标的数值会显示在图表上；

• •​标签位置为自动（AUTO）、外部、内部三种方式。自动（AUTO）的方式是指位置方向不一致，尽可能不重叠；

• •​可设置标签字体的大小和颜色。

提示框：

• •​可选择四种触发方式，自动、维度、项、不触发。

• •​自动触发：鼠标悬停在某维度所在区域，tooltip展示这个维度的所有值；鼠标悬停在某维度任意值上，tooltip仅展示此项维值

• •​维度触发：鼠标悬停在某维度所在区域或某维度任意值上，tooltip展示这个维度的所有值

• •​项触发：只有当鼠标悬停在某维度任意值上时，tooltip展示此项维值