echarts的tooltip如何自定义样式，将前面原型改为矩形

Echarts中的tooltip可以通过formatter属性来自定义样式，其中可以使用HTML语法来定制tooltip内容的显示样式。如果需要将原本的tooltip改为矩形，可以在formatter属性中使用div元素来实现。

具体实现方式如下：

1. 在formatter属性中使用div元素来包裹要显示的内容，并设置对应的CSS样式。

formatter: function(params) {
  return '<div style="width: 100px; height: 50px; background-color: #000; color: #fff; text-align: center; line-height: 50px;">' + params.value + '</div>';
}

2. 在CSS样式中设置div元素的样式，例如设置宽度、高度、背景色、文本颜色等。

<style>
  .my-tooltip {
    width: 100px;
    height: 50px;
    background-color: #000;
    color: #fff;
    text-align: center;
    line-height: 50px;
  }
</style>

3. 在formatter属性中使用class属性来引入CSS样式。

formatter: function(params) {
  return '<div class="my-tooltip">' + params.value + '</div>';
}