在上一篇我们学习了Echarts绘图的基本步骤,在Echarts可视化绘图的四个步骤中,其中学习的重点在于第三步——配置项的设置。
接下来在这篇文章中,我们一块学习Echarts配置项的标题组件(title)。
首先我们需要明确title组件的内容是一个对象,其中各种配置属性有非常多,这里仅介绍一般绘图时用到的属性。
第一个属性是否显示标题组件show:可选值为true或false。默认为true。
第二个属性为标题内容text:主标题文本,是一个字符串,用 ' \n ' 实现换行。
第三个属性为link:这个属性是给标题添加超链接,默认为'',空字符串。
第四个属性是target:指定窗口打开超链接,可选值为' self '——在本窗口打开链接内容、' blank '——新打开一个窗口然后再打开链接内容。
第五个属性textStyle:是一个对象,其内可以设置标题文本的颜色、字体、字号、字的风格、字是否加粗,文字水平、垂直位置等等,全部属性如下:
接下来是几个与副标题相关的属性,这里称之为副标题,与主标题的配置项基本一致,具体如下图:
最后学习一下控制标题位置的属性,分别有left、top、right、bottom,这几个属性值的设置可以是像素、百分比和'top'、'middle'、'bottom'等相关的英文单词。
以上就是标题组件的常用属性。还有一些标题组件的属性这里没有学习,大家如果有需要用到请移步echarts官网的配置项进行参考Echarts配置项参考手册
有什么疑问欢迎与我交流,一起探讨,共同进步!