logoCreated with Sketch.

G2Plot

标题与描述

图表标题及描述图表标题及描述样式

title

功能描述： 配置图表的标题，默认显示在图表左上角。

默认配置：

visible: false,
alignTo: 'left',
text:'',
style:{
    fontSize: 18,
    fill: 'black',
}
细分配置 类型 功能描述
visible boolean 是否显示
alignTo string 位置，支持三种配置：
'left'
style object 样式：
- fontSize: number 文字大小
- fill: string 文字颜色
- stroke: string  描边颜色
- lineWidth: number 描边粗细
- lineDash: number 虚线描边
- opacity: number 透明度
- fillOpacity: number 填充透明度
- strokeOpacity: number 描边透明度

description

功能描述： 配置图表的描述，默认显示在图表左上角，标题下方。

默认配置：

visible: false,
alignTo: 'left',
text:'',
style:{
    fontSize: 12,
    fill: 'grey',
}
细分配置 类型 功能描述
visible boolean 是否显示
alignTo string 位置，支持三种配置：
'left'
style object 样式：
- fontSize: number 文字大小
- fill: string 文字颜色
- stroke: string  描边颜色
- lineWidth: number 描边粗细
- lineDash: number 虚线描边
- opacity: number 透明度
- fillOpacity: number 填充透明度
- strokeOpacity: number 描边透明度

定义

标题是对图表的主题进行阐述的一段话。

注释是表明数据来源，让图表看起来来源清晰、可靠。

何时使用

让阅读者直观地阅读当前图表的主题，了解当前内容的来源。

内容和位置

标题内容：言简意赅，尽量避免被截断；

标题位置：正、副标题一般放置于卡片左上角，标题宽度不超过卡片宽度。

注释内容：引用内容、数据来源等，保证正确性；

注释位置：一般放置于卡片左下角

常见问题

标题过长怎么办？

尽量精简标题内容，当标题过长且超过了卡片宽度时，请省略标题中间的文字，保住首尾，如“我是...标题”。

若副标题过长时，最多折 2 行，高度不超过卡片的 30%。