关键代码
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,
},
},
},
});
},
