Echarts默认显示ToolTip
如下图所示, 默认情况是当我们鼠标滑过的时候才会出现现在有个需求,想要在页面初始化的时候, 默认就展示某一个点上的数据,这要怎么处理呢, 接下来就让我们一起来看看具体的实现代码。说明:下面以在VUE中的一个例子来说明<template><div class="chart-trend-money-main" ref="chart
·
如下图所示, 默认情况是当我们鼠标滑过的时候才会出现现在有个需求,想要在页面初始化的时候, 默认就展示某一个点上的数据,这要怎么处理呢, 接下来就让我们一起来看看具体的实现代码。
说明:下面以在VUE中的一个例子来说明
<template>
<div class="chart-trend-money-main" ref="chartBox"></div>
</template>
<script>
import echarts from 'echarts';
export default {
data() {
return {
option: {
tooltip: {
trigger:'axis'
},
xAxis: {...},
yAxis: {...},
series: [{ ... }]
}
}
},
mouted() {
let myEcharts = echarts.init(this.$refs.chartBox);
myEcharts.setOption(this.option);
setTimeout(function(){
myEcharts.dispatchAction({
type: 'showTip',
seriesIndex:0, // 显示第几个series
dataIndex: 2 // 显示第几个数据
});
})
}
}
</script>
更多推荐
已为社区贡献7条内容
所有评论(0)