提示框组件,鼠标移动到图会显示内容
tooltip: {
show:true, 是否显示提示框组件,默认显示
trigger: 'axis', 内容触发类型,axis(在坐标轴内就显示内容),item(放在柱体上才会显示内容)
triggerOn:'mousemove|click', 提示框触发条件,默认为'mousemove|click'
axisPointer: { 坐标轴指示器,坐标轴触发有效,随鼠标移动
type: 'cross', line:竖线 cross十字线 shadow 柱形阴影
type:'line',
z:0,
lineStyle:{ 通过线宽度来设置放置背景效果
color:'#2d3443',
width:66
}
},
formatter:'{a} =>{b}:{c} ', 自定义提示框显示内容
折线(区域)图、柱状(条形)图、K线图 : {a}(系列名称),{b}(类目值),{c}(数值), {d}(无)
散点图(气泡)图 : {a}(系列名称),{b}(数据名称),{c}(数值数组), {d}(无)
地图 : {a}(系列名称),{b}(区域名称),{c}(合并数值), {d}(无)
饼图、仪表盘、漏斗图: {a}(系列名称),{b}(数据项名称),{c}(数值), {d}(百分比)
formatter:function(e){ return e[0].xx } 通过回调函数定义提示框内容,e[0]中有对应项的各个属性值
e中的data属性和series中设置的data属性内容一致,意味给data额外添加属性,e也能获取
}
echarts 通用配置提示组件tooltip
最新推荐文章于 2024-03-15 11:36:31 发布