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