ECharts数据可视化:入门、实战与进阶
上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 标题设置