echart中折线图和散点图混合绘图，多个toolTi触发样式

要在 ECharts 中绘制折线图和散点图混合的图表，并且使用多个 tooltip 样式，可以使用 ECharts 的多个 tooltip 组件功能。具体步骤如下：

1. 定义一个包含折线图和散点图的 option 对象，可以使用 `series` 属性来定义多个系列。

option = {
    tooltip: {},
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        name: 'line',
        type: 'line',
        data: [820, 932, 901, 934, 1290, 1330, 1320]
    }, {
        name: 'scatter',
        type: 'scatter',
        data: [820, 932, 901, 934, 1290, 1330, 1320]
    }]
};

2. 在 `tooltip` 属性中定义多个 tooltip 组件，每个 tooltip 组件可以通过 `trigger` 属性指定触发方式，通过 `formatter` 属性指定显示内容的格式。

option = {
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'cross'
        }
    },
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        name: 'line',
        type: 'line',
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        tooltip: {
            trigger: 'axis',
            formatter: '{b0}: {c0}'
        }
    }, {
        name: 'scatter',
        type: 'scatter',
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        tooltip: {
            trigger: 'item',
            formatter: '{b0}: {c0}'
        }
    }]
};

在上面的代码中，我们定义了两个 tooltip 组件，一个是用于折线图的，触发方式为 `axis`，显示内容格式为 `{b0}: {c0}`；另一个是用于散点图的，触发方式为 `item`，显示内容格式为 `{b0}: {c0}`。

注意，在折线图的 tooltip 组件中，我们还使用了 `axisPointer` 属性来指定十字准线指示器的样式。

3. 将上面定义的 option 对象作为参数传入 ECharts 的 `setOption` 方法中，绘制图表。

var myChart = echarts.init(document.getElementById('main'));
myChart.setOption(option);

通过以上三个步骤，我们就可以在 ECharts 中绘制折线图和散点图混合的图表，并且使用多个 tooltip 组件来触发不同的样式。