1. trigger:触发类型,可以是 'item'(数据项触发)或 'axis'(坐标轴触发)。
tooltip: {
trigger: 'item'
}
2. axisPointer:坐标轴指示器配置,通常与 'axis' 触发类型一起使用。
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross' // 指示器类型,如 'line' 或 'shadow'
}
}
3. show:是否显示提示框。
tooltip: {
show: true
}
4. showContent:是否显示提示框浮层。
tooltip: {
showContent: true
}
5. triggerOn:提示框触发的条件,可以是 'mousemove'、'click'、'mousemove|click' 等。
tooltip: {
triggerOn: 'mousemove'
}
6. position:提示框浮层的位置,默认自动计算,也可以设置为具体的位置。
tooltip: {
position: 'top'
}
7. formatter:提示框内容的格式化函数,可以自定义显示的内容。
tooltip: {
formatter: function (params) {
return params.name + ': ' + params.value;
}
}
8. backgroundColor** 和 **borderColor:提示框浮层的背景颜色和边框颜色。
tooltip: {
backgroundColor: 'rgba(255, 255, 255, 0.8)',
borderColor: '#ccc'
}
9. textStyle:提示框文本样式,包括颜色、字号等。
tooltip: {
textStyle: {
color: '#333',
fontSize: 12
}
}
以上只是一些常见的配置属性,你可以根据具体需求查看 ECharts 的官方文档获取更多信息。根据 ECharts 的版本,一些配置项可能会有所变化,因此建议查看你所使用版本的文档。
转载请注明出处:http://www.zyzy.cn/article/detail/5301/ECharts