当前位置：首页 > news >正文

解决echarts桑基图为0时tooltip不显示的问题

news 2025/7/21 7:08:29

在这里插入图片描述

关键代码

 formatter: function (params) {console.log("params",params)if (params.value === 0) {// 如果值为0，返回空字符串，不显示任何内容return  params.name + ': ' + params.value;// return '';} else {// 否则返回标准的格式化信息return  params.name + ': ' + params.value;}}

drawenergy(){
this.energyCharts = echarts.init(document.getElementById('energyCharts'));this.energyCharts.setOption({tooltip: {trigger: 'item',triggerOn: 'mousemove',formatter: function (params) {console.log("params",params)if (params.value === 0) {// 如果值为0，返回空字符串，不显示任何内容return  params.name + ': ' + params.value;// return '';} else {// 否则返回标准的格式化信息return  params.name + ': ' + params.value;}}},// grid: {//     left:'15%',// },// toolbox: {//     feature: {//         dataView: { readOnly: false },//         restore: {show: false},//         saveAsImage: {},//     },// },toolbox: {feature: {dataView: {show: false,readOnly: false},saveAsImage: {show: true}}},series: {type: 'sankey',layout: 'none',top: 50,left: 50,right: 150,nodeGap: 14,layoutIterations: 0, // 自动优化列表，尽量减少线的交叉，为0就是按照数据排列data: this.nodes, // 节点// data: nodes, // 节点links: this.links, // 节点之间的连线// links: links, // 节点之间的连线draggable: false,focusNodeAdjacency: 'allEdges', // 鼠标划上时高亮的节点和连线，allEdges表示鼠标划到节点上点亮节点上的连线及连线对应的节点levels: [{depth: 0,itemStyle: {color: '#F27E7E',},lineStyle: {color: 'source',opacity: 0.2,},},{depth: 1,lineStyle: {color: 'source',opacity: 0.2,},},{depth: 2,lineStyle: {color: 'source',opacity: 0.2,},},{depth: 3,label: {fontSize: 12,},},],label: {fontSize: 14,color: '#666',},itemStyle: {normal: {borderWidth: 0,},},},});},