echarts折线图添加tooltip
时间: 2023-11-23 13:54:35 浏览: 118
Echarts折线图添加tooltip可以通过设置series中的tooltip属性来实现。具体步骤如下:
1. 在option中的series中找到需要添加tooltip的折线图,设置tooltip属性为true。
2. 在tooltip属性中设置需要展示的信息,例如formatter、trigger等。
3. 根据需要设置tooltip的样式,例如backgroundColor、borderColor等。
示例代码如下(假设需要添加tooltip的折线图名称为line1):
```javascript
option = {
...
series: [
{
name: 'line1',
type: 'line',
data: [10, 20, 30, 40, 50],
tooltip: {
trigger: 'axis',
formatter: '{b}: {c}',
backgroundColor: 'rgba(50,50,50,0.7)',
borderColor: '#333',
borderWidth: 1,
textStyle: {
color: '#fff'
}
}
},
...
]
...
};
```
阅读全文