{site_name}

{site_name}

🌜 搜索

ECharts tooltip配置是用于设置ECharts图表组件中提示框的属性,包括触发方式、显示位置、内容格式等

前端 𝄐 0
echarts center属性,echarts组件化,echarts自定义组件,echarts中tooltip属性,echarts属性设置大全,echarts弹出框
ECharts tooltip配置是用于设置ECharts图表组件中提示框的属性,包括触发方式、显示位置、内容格式等。下面是一些常用的tooltip配置属性及其示例:

1. trigger: 触发类型,可选值有item(数据项触发)和axis(坐标轴触发)。例如:

tooltip: {
trigger: 'item'
}


2. formatter: 提示框内容格式化函数,可以使用字符串模板或者回调函数。例如:

tooltip: {
formatter: '{b}: {c}'
}

或者:

tooltip: {
formatter: function(params) {
return params.name + ': ' + params.value;
}
}


3. position: 提示框位置,默认为相对于鼠标位置弹出,也可以设置为固定在某个位置。例如:

tooltip: {
position: [10, 10]
}


4. backgroundColor: 提示框背景色。例如:

tooltip: {
backgroundColor: 'rgba(0,0,0,0.7)'
}


5. borderWidth: 提示框边框宽度。例如:

tooltip: {
borderWidth: 1
}