eachts legend 将图形与文字叠在一起

可以使用CSS的position属性来实现图形与文字的叠加效果。具体步骤如下：

1. 首先，在HTML中创建一个包含图形和文字的容器，例如一个div元素。

2. 在CSS中设置该容器的position属性为relative，这样子元素的定位会相对于该容器进行。

3. 接着，在该容器内创建一个img元素，并设置其position属性为absolute，这样子元素的定位会相对于最近的已定位祖先元素或body元素进行。同时设置其z-index属性为1，表示该图形在容器中的显示层级最上面。

4. 最后，在该容器内创建一个p元素，并设置其position属性为absolute，同时设置其z-index属性为2，表示该文字在容器中的显示层级比图形高。

通过这样的设置，图形与文字就可以叠在一起了。具体的CSS代码如下：

.container {
  position: relative;
}

img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

其中，container为包含图形和文字的div元素，img为图形的img元素，p为文字的p元素。注意，需要根据具体情况调整每个元素的样式。

相关问题

echarts的legend 将图形与文字叠在一起

要将图形和文字叠在一起，可以使用 echarts 的 `formatter` 属性。可以在 `legend` 中设置 `formatter` 属性来自定义图例的显示内容。

例如，以下代码可以将图例的文字和相应的图形叠在一起：

legend: {
    data: ['图例1', '图例2', '图例3'],
    formatter: function (name) {
        return '<span style="display:inline-block;width:12px;height:12px;border-radius:50%;background-color:' 
               + colorList[this.indexOfName(name)] + ';margin-right:5px;"></span>' + name;
    }
},

在上面的代码中，`formatter` 属性是一个函数，它返回一个 HTML 字符串。这个字符串包含一个 `<span>` 元素和图例的名称。`<span>` 元素中的样式指定了图例的图形，例如圆形或方块，并将其与图例的名称分隔开。`colorList` 是一个包含图例颜色的数组，可以通过 `indexOfName` 方法获取当前图例的索引。