echarts之图例(tooltip)自定义

第一种:

tooltip: {
      trigger: 'axis',
      formatter: params => {
        const data = params[0];
        return `${data.name} <br> ${data.marker}${data.seriesName} \u00A0${data.value} %`;
      },
    },

自定义效果(接近自带效果):

第二种:

 tooltip: {
      trigger: 'axis',
      formatter: '{b} : {c}',
    },

效果:

第一种延伸:

tooltip: {
      trigger: 'axis',
      formatter: params => {
        const data0 = params[0];
        const data1 = params[1];
        const data2 = params[2];
        const data3 = params[3];
        const title0 = `${data0.name} <br> ${data0.marker}${data0.seriesName} \u00A0${data0.value} % `;
        const title1 = `<br> ${data1.marker}${data1.seriesName} \u00A0${data1.value} % `;
        const title2 = `<br> ${data2.marker}${data2.seriesName} \u00A0${data2.value} % `;
        const title3 = `<br> ${data3.marker}${data3.seriesName} \u00A0${data3.value} % `;

        return title0 + title1 + title2 + title3;
      },
    },

效果:

猜你喜欢

转载自blog.csdn.net/Smile_Gently/article/details/144282235
今日推荐