Echarts預設顯示ToolTip
阿新 • • 發佈:2018-12-19
如下圖所示, 預設情況是當我們滑鼠滑過的時候才會出現現在有個需求,想要在頁面初始化的時候, 預設就展示某一個點上的資料,這要怎麼處理呢, 接下來就讓我們一起來看看具體的實現程式碼。
說明:下面以在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>