在 ECharts 中,可以使用 axisPointer 配置来设置坐标轴指示器的文本标签。文本标签控制着指示器上显示的数值文本的样式和格式。以下是一些常用的 axisPointer 中的文本标签相关的配置:

1. label 属性:
   - 描述:用于配置坐标轴指示器的文本标签。
   - 其中的属性有:
     - show: 是否显示文本标签。
     - precision: 数值的小数位数。
     - margin: 文本标签到轴线的距离。
     - fontSize: 文本标签的字体大小。
     - color: 文本标签的颜色。
   axisPointer: {
       label: {
           show: true,
           precision: 2,
           margin: 8,
           fontSize: 12,
           color: 'blue'
       }
   }

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

3. backgroundColor 和 borderColor 属性:
   - 描述:用于设置文本标签的背景颜色和边框颜色。
   axisPointer: {
       label: {
           backgroundColor: 'rgba(255, 255, 255, 0.7)',
           borderColor: '#888'
       }
   }

这些配置可以根据实际需要进行灵活调整。将这些配置添加到相应的坐标轴上即可实现指示器文本标签的自定义样式。


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