title.textStyle.textShadowOffsetX| number
[ default: 0 ]
文字本身的阴影 X 偏移。title.textStyle.textShadowOffsetY| number
[ default: 0 ]
文字本身的阴影 Y 偏移。以下是一个简单示例:
echarts标题* { margin: 0; padding: 0; } #chart_title { width: 100vw; height: 100vh; }
var myChart = echarts.init(document.getElementById('chart_title')); option = { title: { text: 'W3Cschool',//主标题 link: 'https://www.w3cschool.cn/',//主标题超链接 subtext: "Echarts \n 主标题和副标题", //副标题 \n 用于换行 sublink: 'http://www.baidu.com',//副标题超链接 subtarget: 'blank',//副标题超链接打开方式 itemGap: 5,//主副标题间距 left: 'center',//主副标题的水平位置 top: 'center',//主副标题的垂直位置 padding: 20,//标题内边距, backgroundColor: '#ccc',//背景颜色; borderColor: '#000',//边框的颜色 borderWidth: 5,//标签线框 borderRadius: 10,//边框切圆角 shadowBlur: 10,//图形阴影模糊大小. shadowColor: 'aqua',//阴影颜色 shadowOffsetX: '60',//阴影水平方向上的偏移距离 shadowOffsetY: '70',//阴影垂直方向上的偏移距离 // textAlign: 'auto',//整体(包括 text 和subtext)的水平对齐 // textVerticalAlign: 'auto',//整体(包括 text 和subtext)的垂直对齐。 textStyle: {//主标题的属性 color: '#C28D21',//颜色