echarts tooltip提示框前面的图形怎么设置跟legend图形一致

要想让tooltip提示框前面的图形与legend图形一致，可以使用echarts的formatter属性来自定义tooltip的显示内容。

具体步骤如下：

1.在series中设置好legend的相关配置，包括图例名称、图例图形类型和图例颜色等。

2.在tooltip的formatter属性中使用回调函数，通过参数params获取到对应数据的seriesIndex和dataIndex，然后根据这些信息从series中获取到对应的图例信息，最后将图例信息和数据信息合并成字符串返回。

下面是一段示例代码：

option = {
  legend: {
    data: ['数据一', '数据二'],
    // 设置图例图形类型和颜色
    icon: 'circle',
    textStyle: {
      color: '#333'
    }
  },
  tooltip: {
    trigger: 'axis',
    formatter: function (params) {
      var seriesIndex = params[0].seriesIndex;
      var dataIndex = params[0].dataIndex;
      // 获取对应的图例信息
      var legendName = option.legend.data[seriesIndex];
      var legendIcon = option.legend.icon;
      var legendColor = option.color[seriesIndex];
      // 获取数据信息
      var dataValue = params[0].value;
      var dataName = params[0].name;
      // 合并图例信息和数据信息
      return legendIcon + ' ' + legendName + ': ' + dataValue + '<br/>' + dataName;
    }
  },
  color: ['#FFB6C1', '#87CEFA'],
  xAxis: {
    data: ['一月', '二月', '三月', '四月', '五月', '六月']
  },
  yAxis: {},
  series: [{
    name: '数据一',
    type: 'line',
    data: [100, 200, 150, 300, 250, 180]
  }, {
    name: '数据二',
    type: 'line',
    data: [80, 150, 200, 120, 300, 220]
  }]
};

在上面的代码中，我们通过legend和color配置了图例的相关信息，然后在tooltip的formatter回调函数中获取到对应的图例信息和数据信息，并将它们合并成字符串返回，最终得到的tooltip提示框前面的图形就与legend图形一致了。