echarts label加边框_ECharts 教程 富文本标签 - 闪电教程JSRUN

ECharts 富文本标签的应用

ECharts 富文本标签可以应用在许多地方，例如：

富文本标签的作用

其实，富文本标签是在 ECharts v3.7以后才增加的功能；在 ECharts v3.7之前的版本中，只能对整个块进行统一样式的设置，而且只可以设置字体和颜色，不易于制作表达能力更强的文字描述信息。

富文本标签的主要功能：

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

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

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

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

文本块和文本片段的含义：

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

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

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

如下图示例：

ECharts 文本样式相关的配置项

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

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

文字颜色：color。

文字描边：textBorderColor、textBorderWidth。

文字阴影：textShadowColor、textShadowBlur、textShadowOffsetX、textShadow