option = {
// 其他配置项...
legend: {
data: ['系列1', '系列2', '系列3'],
tooltip: {
show: true, // 是否显示提示框,默认为 true
formatter: '{name}: {value}', // 提示框的格式化字符串,支持占位符{name}和{value}
backgroundColor: 'rgba(50,50,50,0.7)', // 提示框的背景颜色
textStyle: {
color: '#fff', // 提示框文本的颜色
fontSize: 12, // 提示框文本的字体大小
},
// 其他提示框相关配置项...
},
// 其他图例相关配置项...
},
series: [
{
name: '系列1',
type: 'bar',
data: [1, 2, 3, 4, 5],
// 其他系列配置项...
},
// 其他系列配置项...
],
};
在上面的例子中,tooltip 属性用于配置图例项的提示框。你可以通过设置 show 属性来控制是否显示提示框,通过 formatter 属性来定义提示框的格式化字符串,支持占位符 {name} 和 {value}。通过 backgroundColor 属性可以设置提示框的背景颜色,而 textStyle 属性用于配置提示框文本的样式,包括颜色和字体大小。
通过配置这些属性,你可以根据需要自定义图例项的提示框,以满足特定的设计需求。
转载请注明出处:http://www.zyzy.cn/article/detail/5126/ECharts