echarts tooltip双列展示

要在 ECharts 中实现 tooltip 双列展示，可以使用 tooltip 的 formatter 属性来自定义 tooltip 的显示内容。

以下是一个示例代码：

option = {
   ...其他配置...
   tooltip: {
      trigger: 'axis',
      axisPointer: {
         type: 'shadow'
      },
      formatter: function(params) {
         var result = '';
         result += '<div style="display: flex;">';
         result += '<div style="width: 50%; text-align: left;">' + params[0].name + '</div>';
         result += '<div style="width: 50%; text-align: right;">' + params[0].value + '</div>';
         result += '</div>';
         result += '<div style="display: flex;">';
         result += '<div style="width: 50%; text-align: left;">' + params[1].name + '</div>';
         result += '<div style="width: 50%; text-align: right;">' + params[1].value + '</div>';
         result += '</div>';
         return result;
      }
   },
   ...其他配置...
};

在这个示例中，我们定义了一个 formatter 函数来自定义 tooltip 的显示内容。该函数返回一个 HTML 字符串，其中包含两个 div 元素，每个 div 元素都包含两个子元素，分别用于显示名称和值。这样就可以实现 tooltip 双列展示了。

你可以根据自己的需求修改样式和内容。