您当前的位置: 首页 >  ar

哆啦A梦_i

暂无认证

  • 1浏览

    0关注

    629博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

Echarts:title属性全集,收藏这一份就够了!

哆啦A梦_i 发布时间:2020-11-15 15:52:12 ,浏览量:1

title:{
    show:"true",//是否显示标题,默认显示,可以不设置
    text:"echarts实例",//图表标题文本内容
    link:"http://echarts.baidu.com/",//点击标题内容要跳转的链接
    target:"blank",//跳转链接打开方式,blank是新窗口打开,self是自身窗口打开,跟a标签一样
    textStyle:{//标题内容的样式
        color:'#e4393c',//京东红
        fontStyle:'normal',//lic主标题文字字体风格,默认normal,有italic(斜体),oblique(斜体)
        fontWeight:"lighter",//可选normal(正常),bold(加粗),bolder(加粗),lighter(变细),100|200|300|400|500...
        fontFamily:"san-serif",//主题文字字体,默认微软雅黑
        fontSize:18//主题文字字体大小,默认为18px
    },
    textAlign:'left',//标题文本水平对齐方式,建议不要设置,就让他默认,想居中显示的话,建议往下看
    textBaseline:"top",//默认就好,垂直对齐方式,不要设置
    subtext:"作者:前端林三哥",//主标题的副标题文本内容,如果需要副标题就配置这一项
    sublink:"http://blog.csdn.net/zhaoxiang66",//点击副标题内容要跳转的链接
    subtarget:"blank",//同主标题,blank是新窗口打开,self是自身窗口打开
    subtextStyle:{//副标题内容的样式
        color:'green',//绿色
        fontStyle:'normal',//主标题文字字体风格,默认normal,有italic(斜体),oblique(斜体)
        fontWeight:"lighter",//可选normal(正常),bold(加粗),bolder(加粗),lighter(变细),100|200|300|400|500...
        fontFamily:"san-serif",//主题文字字体,默认微软雅黑
        fontSize:12//主题文字字体大小,默认为12px
    },
    padding:5,//各个方向的内边距,默认是5,可以自行设置
    itemGap:10,//主标题和副标题之间的距离,可自行设置
    left:"center",//left 的值可以是像 20 这样的具体像素值,可以是像 '20%' 这样相对于容器高宽的百分比,也可以是 'left', 'center', 'right',如果 left 的值为'left', 'center', 'right',组件会根据相应的位置自动对齐。
    top:"center",//left 的值可以是像 20 这样的具体像素值,可以是像 '20%' 这样相对于容器高宽的百分比,也可以是 'left', 'center', 'right',如果 left 的值为'left', 'center', 'right',组件会根据相应的位置自动对齐。
    right:"auto",//right 的值可以是像 20 这样的具体像素值,可以是像 '20%' 这样相对于容器高宽的百分比。
    bottom:"auto",//bottom 的值可以是像 20 这样的具体像素值,可以是像 '20%' 这样相对于容器高宽的百分比。
    //left设置center标题会自动水平居中
    //top设置center标题会自动垂直居中
    backgroundColor:"#ccc",//标题背景色,默认透明,颜色可以使用 RGB 表示,比如 'rgb(128, 128, 128)' ,如果想要加上 alpha 通道,可以使用 RGBA,比如 'rgba(128, 128, 128, 0.5)',也可以使用十六进制格式,比如 '#ccc'
    borderColor:"red",//标题的边框颜色,颜色格式支持同backgroundColor
    borderWidth:2,//标题边框线宽,默认为0,可自行设置
    shadowBlur: 10,//图形阴影的模糊大小。该属性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起设置图形的阴影效果。
    shadowColor: "black",
    shadowOffsetX: 0,
    shadowOffsetY: 0,
}

 

关注
打赏
1556978864
查看更多评论
立即登录/注册

微信扫码登录

0.0429s