Echarts的配置解释 标题组件(title)

一、标题组件(title)

用法： title: { show: true }

1、show(是否显示标题组件)

        用法： show: true | false

2、text(标题文本， 支持使用 \n 换行)

        用法： text: '我是组件组件的标题'

3、link(主题文本超链接)

        用法： link: 'www.baidu.com'

4、target(点击标题超链接是否打开新的窗口)

        用法： target：'self' | 'blank'

5、textStyle(设置文本样式)

        用法：textStyle：{ color：#fff }

(1)、color(标题文本的颜色)

        用法： color: "rgba(181, 30, 30, 1)"

(2)、fontStyle(标题字体的风格)

        ·用法：fontStyle:  "normal" | "italic" | "normal"

(3)、fontWeight(字体粗细)

        用法：fontWeight： 700

(4)、fontSize(字体大小)

        用法： fontSize: 12

(5)、lineHeight(文字行高)

        用法：lineHeight: 15

(6)、textAlign(标题的对齐方式)

        用法： textAlign："auto" | "top" | "center" |"right"

6、padding(标题内边距)

// 设置内边距为 5
padding: 5
// 设置上下的内边距为 5，左右的内边距为 10
padding: [5, 10]
// 分别设置四个方向的内边距
padding: [
    5,  // 上
    10, // 右
    5,  // 下
    10, // 左
]

7、itemGap(主副标题之间的间距)

        用法： itemGap： 10

8、z(相当于z-index)

        用法：z: 2

9、left、right、top、bottom

        值可以是像 20 这样的具体像素值，可以是像 '20%' 这样相对于容器高宽的百分比

        用法： left： '20'