Echarts系列(2)——图表标题(title)

在上一篇我们学习了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配置项参考手册

有什么疑问欢迎与我交流,一起探讨,共同进步!

 

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值