在 ECharts 中,通过 axisPointer 的 label 配置,可以设置坐标轴指示器文本标签的文字样式。以下是一些常用的文字设置相关的属性:

1. formatter 属性:
   - 描述:用于格式化文本标签显示的内容,可以使用函数或字符串。
   - 如果是函数,可以在函数中自定义文本标签的显示格式。
   axisPointer: {
       label: {
           formatter: function (params) {
               // params.value 为坐标轴数值
               return '自定义格式: ' + params.value;
           }
       }
   }

2. fontWeight 和 fontStyle 属性:
   - 描述:设置文本标签的字体粗细和字体样式。
   axisPointer: {
       label: {
           fontWeight: 'bold', // 可选值:'normal', 'bold', 'bolder', 'lighter'
           fontStyle: 'italic' // 可选值:'normal', 'italic', 'oblique'
       }
   }

3. color 属性:
   - 描述:设置文本标签的颜色。
   axisPointer: {
       label: {
           color: 'red'
       }
   }

4. fontSize 属性:
   - 描述:设置文本标签的字体大小。
   axisPointer: {
       label: {
           fontSize: 12
       }
   }

5. lineHeight 属性:
   - 描述:设置文本标签的行高。
   axisPointer: {
       label: {
           lineHeight: 20
       }
   }

这些属性可以组合使用,根据需要定制坐标轴指示器文本标签的文字样式。将这些配置添加到相应的坐标轴上即可实现指示器文本标签的自定义样式。


转载请注明出处:http://www.zyzy.cn/article/detail/5313/ECharts