echarts 柱状图tooltip在ie11的兼容性
时间: 2024-01-19 13:16:49 浏览: 130
echarts 柱状图tooltip在ie11的兼容性较好,但需要注意以下几点:
1. 需要使用 echarts 4.0 及以上版本,因为 echarts 4.0 开始支持 IE11。
2. 在引入 echarts.js 文件时,需要使用 echarts.min.js 而不是 echarts.js,因为 echarts.min.js 是经过压缩的文件,可以减少文件大小,提高加载速度。
3. 在配置中需要有 tooltip 的配置才能生效,例如:
```javascript
option = {
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar'
}]
};
```
4. 如果在 IE11 中仍然无法正常显示 tooltip,可以尝试使用 tools.loopShowTooltip 方法来解决,例如:
```javascript
tools.loopShowTooltip(myChart, option, {
loopSeries: true
});
```
阅读全文