富文本标签
在许多地方(如图、轴的标签等)都可以使用富文本标签。例如:
其他一些例子: 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。
文本块