这花里胡哨的echarts---公共组件title详解

站在巨人的肩膀上

echarts 六个公共组件参数
title、tooltip、toolbox、legend、datazoom、visualMap

title

title 是数据可视化图中的标题

title={
    show:true,                                 //是否显示
    text:"大标题",                             //大标题
    subtext:"小标题",                          //小标题
    sublink:"http://www.xxxxxx.com",          //小标题链接
    target:"blank",                            //'self' 当前窗口打开，'blank' 新窗口打开
    subtarget:"blank",                        //小标题打开链接的窗口
    textAlign:"center",                       //文本水平对齐
    textBaseline:"top",                       //文本垂直对齐
    textStyle: {                                 //标题样式
      color:"#333",                           //字体颜色
      fontStyle:"normal",                     //italic斜体  oblique倾斜
      fontWeight:"normal",                  //字体粗细 bold   bolder   lighter  100  200  300  400 
      fontFamily:"sans-serif",              //字体
      fontSize:18,                               //字体大小
    },               
    subtextStyle: {                              //小标题样式
      color:"#333",                           //字体颜色
      fontStyle:"normal",                     //italic斜体  oblique倾斜
      fontWeight:"normal",                  //字体粗细 bold   bolder   lighter  100  200  300  400 
      fontFamily:"sans-serif",              //字体
      fontSize:18,                               //字体大小
    },                
    padding:5,                                  //标题内边距 5  [5, 10]  [5,10,5,10]
    itemGap:10,                                 //大小标题间距
    zlevel:0,                                   //所属图形的Canvas分层，zlevel 大的 Canvas 会放在 zlevel 小的 Canvas 的上面
    z:2,                                         //所属组件的z分层，z值小的图形会被z值大的图形覆盖
    left:"center",                              //组件离容器左侧的距离,'left', 'center', 'right','20%'
    top:"top",                                   //组件离容器上侧的距离,'top', 'middle', 'bottom','20%'
    right:"auto",                               //组件离容器右侧的距离,'20%'
    bottom:"auto",                              //组件离容器下侧的距离,'20%'
    backgroundColor:"transparent",            //标题背景色
    borderColor:"#ccc",                         //边框颜色
    borderWidth:0,                               //边框线宽
    shadowColor:"red",                          //阴影颜色
    shadowOffsetX:0,                            //阴影水平方向上的偏移距离
    shadowOffsetY:0,                            //阴影垂直方向上的偏移距离
    shadowBlur:10,                               //阴影的模糊大小
}