上QQ阅读APP看书,第一时间看更新
3.1 标题
在ECharts中,标题一般包括主标题和副标题,标题的相关参数配置可以在option中的title内配置。下面列举一些常用的参数,具体说明如下。
▪ text:主标题文本,支持用\n换行。
▪ subtext:副标题文本,支持用\n换行。
▪ left:与容器左侧的距离,其取值可以是具体像素值,例如10;也可以是相对于容器的百分比值,例如10%;还可以是更常用的left、center、right,可以理解为左对齐、居中、右对齐。
▪ show:是否显示标题组件,取值为布尔型数据,默认为true。
更多参数和配置可以在官网的文档(配置项)中查看。
我们在第2章的基础上单独对title的内容进行设置,代码如下:
title: { text: '这是主标题', subtext: '这是副标题', left: 'center'//居中显示 }
代码中设置了主标题和副标题的内容,并且让它们居中显示,效果图如图3-1所示。
图3-1 标题设置