要在 ECharts 中绘制折线图和散点图混合的图表，并且使用多个 tooltip 样式，可以使用 ECharts 的多个 tooltip 组件功能。具体步骤如下：
1. 定义一个包含折线图和散点图的 option 对象，可以使用 `series` 属性来定义多个系列。
```javascript
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` 属性指定显示内容的格式。
```javascript
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` 方法中，绘制图表。
```javascript
var myChart = echarts.init(document.getElementById('main'));
myChart.setOption(option);
```
通过以上三个步骤，我们就可以在 ECharts 中绘制折线图和散点图混合的图表，并且使用多个 tooltip 组件来触发不同的样式。
目前产品必须按照Ui图字体大小走，所以导致上面情况
2324
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
