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