echarts 文字换行展示

22 阅读1分钟
  chartData.series.map((item, index) => {
        newData.push({
          name: item.name,
          type: "bar",
          label: {
            normal: {
              align: "left",
              show: true,
              position: "right",
              formatter: (params) => {
                if (params.value == 0) {
                  return "";
                }
                // console.log('lengend2011==',params.seriesName)
                // let newpro = `${item.total}(占:${item.propotion}环:${item.ratio}) )`;
                let value = params.value;
                let propotion = item.propotionData[params.name];
                let old = item.ratioData[params.name];
                let ratio = parseFloat(item.ratioData[params.name]);
                let make = "";
                if (!isNaN(ratio)) {
                  //有效数字
                  if (ratio > 0) {
                    // '{a|这段文本采用样式a}'
                    let make1 = `${old}↑`;
                    make = "{b|" + make1 + "}";
                  } else if (ratio < 0) {
                    let make1 = `${old}↓`;
                    make = "{a|" + make1 + "}";
                  } else {
                    make = `${old}`;
                  }
                } else {
                  // console.log("当前输入的信息为非有效数字!")
                }
                // let newpro = `${value} (占:${propotion} 环:${make})`;
                let a=  `${value} (占:${propotion})`;
                let b= ` 环:${make})`;
                let arr =[
                  a,
                  b,
                ]
                let newpro =  arr.join('\n')
                console.log('打印展示值',newpro。如果是文字换行展示。 就放入数组。 然后用   arr.join('\n') 处理即可)
                return newpro;
              },
              rich: {
                a: {
                  color: "red",
                  fontSize: "10px",
                },
                b: {
                  color: "green",
                  fontSize: "10px",
                },
              },

              color: "#000",
              fontSize: "10px",
            },
          },
          data: item.data,
        });
        return newData;
      }