//提示框组件
let option = {
tooptip: {
show: "true", //是否显示提示框组件,包含提示框,坐标轴辅助线,
showContent: "true", //是否显示提示框, 这个只是提示框
alwaysShowContent: "false", //是否永久显示提示框,默认false
triggerOn: "mousemove", // 触发条件,支持 "mousemove" "click" 'mousemove|click'
position: [10, 10], //提示框的位置,默认跟随鼠标位置,可设置像素(绝对位置,距离容器边缘),可设置百分比(相对位置)
formatter: "{b0}: {c0}<br />{b1}: {c1}", // 提示框中的内容设置 可设置字符串模板,可设置回调函数。
//{a}(系列名称),{b}(类目值),{c}(数值)
//也可设置回调函数
// formatter:(data)=>{
// return `<div>日期:${data}</div>`
// },
backgroundColor: "rgba(50,50,50,0.7)", //提示框的背景颜色
borderColor: "#333", //提示框的边框颜色
borderWidth: 100, //提示框的宽度
padding: 5, //提示框的内边距 也可以设置为数组,表示各方向的内边距
//提示框中文字的样式
textStyle: {
color: "#FFFFFF",
fontSize: "12px",
},
},
// ... 其他属性
};
Echarts提示框组件常用配置 ----(tooptip)
于 2023-02-16 18:13:47 首次发布