echarts tooltip提示框自定义小圆点(颜色、形状和大小等等)

最新推荐文章于 2024-06-04 10:10:55 发布

策码奔腾---嘚驾~

最新推荐文章于 2024-06-04 10:10:55 发布

阅读量1k

点赞数

文章标签： echarts

本文链接：https://blog.csdn.net/qq_42489210/article/details/120074632

版权

https://www.cnblogs.com/zzcyeah/p/10220978.html

tooltip: {
          trigger: "axis",
          formatter: function (params) {
            var result = "";
            var dotHtml =
              '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#1197b8"></span>';
            params.forEach((item) => {
              item.data =
                item.data == "null" ||
                item.data == "undefined" ||
                item.data == ""
                  ? 0
                  : item.data;

              let baifenhao = "";
              if (item.seriesName == "未检占比") {
                baifenhao = "%";
              } else {
                baifenhao = "";
              }
              result +=
                item.marker + item.seriesName + item.data + baifenhao + "<br/>";
              if (item.seriesName == "未检占比") {
                result +=
                  dotHtml +
                  "已检占比" +
                  (100 - Number(item.data) == 100
                    ? 0
                    : 100 - Number(item.data)) +
                  "%";
              }
            });
            return result;
          },
        },