鍍金池/ 問答/HTML/ echarts折線圖怎么設(shè)置只顯示一個(gè)點(diǎn)的數(shù)據(jù)

echarts折線圖怎么設(shè)置只顯示一個(gè)點(diǎn)的數(shù)據(jù)

現(xiàn)在有個(gè)問題就是用echarts做的折線圖把鼠標(biāo)懸浮在一個(gè)點(diǎn)上時(shí),會(huì)顯示這個(gè)點(diǎn)x軸上所有維度的數(shù)據(jù),請(qǐng)看下圖。

clipboard.png

請(qǐng)問下怎么才能設(shè)置成只顯示這個(gè)點(diǎn)相關(guān)的維度和數(shù)據(jù)呢?

謝謝各位答主的回答,很多人提出使用trigger: 'item'的方式,但是這個(gè)并不是想要的效果。

tooltip : {
   trigger: 'item'
},

這個(gè)一定要把鼠標(biāo)放在那個(gè)點(diǎn)上才會(huì)顯示,有沒有什么設(shè)置根據(jù)鼠標(biāo)就近的點(diǎn)來顯示數(shù)據(jù)呢。之前用Highcharts的時(shí)候可以實(shí)現(xiàn),現(xiàn)在改版了用Echarts不行了,運(yùn)營表示很不習(xí)慣所以想問問看有沒有什么解決辦法。

回答
編輯回答
墨小白

修改參數(shù) trigger: 'item'

tooltip : {
   trigger: 'item'
},
2018年2月4日 12:40
編輯回答
解夏

配置formatter,formatter的配置項(xiàng)可以是string也可以是function,通過function就可以得到你需要的效果

2018年7月10日 03:53
編輯回答
溫衫

鏈接: https://blog.csdn.net/giscrip...
可以寫一個(gè)簡(jiǎn)單的demo 自己也寫過 可行

2018年4月6日 21:40
編輯回答
囍槑
 tooltip: {
    trigger:'item', //改為item觸發(fā)
    formatter:params => {
        //可以在此設(shè)置每一條數(shù)據(jù)的hover提示信息,根據(jù)params.data中的數(shù)據(jù)自己判斷,然后返回不同的值
        return 'sss';
    }
}
2018年4月5日 15:20