echarts label加边框_ECharts官方教程(十三)【富文本标签】

富文本标签

在许多地方(如图、轴的标签等)都可以使用富文本标签。例如：

其他一些例子： Map Labels, Pie Labels, Gauge.

原先 echarts 中的文本标签，只能对整块统一进行样式设置，并且仅仅支持颜色和字体的设置，从而导致不易于制作表达能力更强的文字描述信息。

echarts v3.7 以后，支持了富文本标签，能够：

能够定制文本块整体的样式(如背景、边框、阴影等)、位置、旋转等。

能够对文本块中个别片段定义样式(如颜色、字体、高宽、背景、阴影等)、对齐方式等。

能够在文本中使用图片做小图标或者背景。

特定组合以上的规则，可以做出简单表格、分割线等效果。

开始下面的介绍开始之前，先说明一下下面会使用的两个名词的含义：

文本块(Text Block)：文本标签块整体。

文本片段(Text Fregment)：文本标签块中的部分文本。

如下图示例：

文本样式相关的配置项

echarts 提供了丰富的文本标签配置项，包括：

字体基本样式设置：fontStyle、fontWeight、fontSize、fontFamily。

文字颜色：color。

文字描边：textBorderColor、textBorderWidth。

文字阴影：textShadowColor、textShadowBlur、textShadowOffsetX、textShadowOffsetY。

文本块