echarts 在vue2中hover属性怎么使用 举个例子

非常感谢您的提问！在Vue2中使用Echarts的hover属性，您可以在Echarts的option中设置tooltip的trigger为'axis'，然后在series中设置itemStyle的emphasis属性来实现hover效果。以下是一个简单的例子：

<template>
<div id="chart"></div>
</template>

<script>
import echarts from 'echarts'

export default {
mounted() {
const chart = echarts.init(document.getElementById('chart'))

const option = {
tooltip: {
trigger: 'axis'
},
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [820, 932, 901, 934, 1290, 1330, 1320],
type: 'line',
itemStyle: {
emphasis: {
borderColor: '#fff',
borderWidth: 2
}
}
}]
}

chart.setOption(option)
}
}
</script>

希望这个例子能够帮助您解决问题！