echarts 动态设置标题_Echarts - title属性设置

title: {

// 标题

show: true, //是否显示

text: "4545",

textStyle: {

color: "#fff", // 主标题文字的颜色。

fontStyle: "normal", // 主标题文字字体的风格。 'normal' 'italic' 'oblique'

fontWeight: "normal", // 主标题文字字体的粗细。 'normal' 'bold' 'bolder' 'lighter' 500|600

fontFamily: "sans-serif", // 主标题文字的字体系列。

fontSize: 18, // 字体大小

lineHeight: "30", // 行高

// width ... , // 文字块的宽度

// height ... , // 文字块的高度

textBorderColor: "transparent", // 文字本身的描边颜色。

textBorderWidth: 0, // 文字本身的描边宽度。

textShadowColor: "transparent", // 文字本身的阴影颜色。

textShadowBlur: 0, // 文字本身的阴影长度。

textShadowOffsetX: 0, // 文字本身的阴影 X 偏移。

textShadowOffsetY: 0, // 文字本身的阴影 Y 偏移。

},

subtext: "bb", // 副标题文本

show: true, //是否显示

textStyle: {

color: "#fff", // 主标题文字的颜色。

fontStyle: "normal", // 主标题文字字体的风格。 'normal' 'italic' 'oblique'

fontWeight: "normal", // 主标题文字字体的粗细。 'normal' 'bold' 'bolder' 'lighter' 500|600

fontFamily: "sans-serif", // 主标题文字的字体系列。

fontSize: 18, // 字体大小

lineHeight: "30", // 行高

// width ... , // 文字块的宽度

// height ... , // 文字块的高度

textBorderColor: "transparent", // 文字本身的描边颜色。

textBorderWidth: 0, // 文字本身的描边宽度。

textShadowColor: "transparent", // 文字本身的阴影颜色。

textShadowBlur: 0, // 文字本身的阴影长度。

textShadowOffsetX: 0, // 文字本身的阴影 X 偏移。

textShadowOffsetY: 0, // 文字本身的阴影 Y 偏移。

},

textAlign: "auto", //水平对齐'auto'、'left'、'right'、'center'

textVerticalAlign: "auto", // 垂直对齐 'auto'、'top'、'bottom'、'middle'

triggerEvent: false, // 是否触发事件

padding: 5, // 标题内边距 5/[5,2,4,7]

itemGap: 10, //主副标题之间的间距

left: 10, // 距离 left top right bottom

backgroundColor: "pink", // 标题背景色

borderColor: "#ccc", // 标题的边框颜色

borderWidth: 5, // 标题的边框线宽。

borderRadius: 2, // 圆角半径

shadowBlur: 10, //图形阴影的模糊大小

shadowColor: "rgba(0, 0, 0, 0.5)", // 阴影颜色

shadowOffsetX: 5, // 阴影水平方向上的偏移距离。

shadowOffsetY: 5, //阴影垂直方向上的偏移距离。

},