echart移上去显示内容_echarts如何移动到柱状图上显示自己想显示的提示信息
生活随笔
收集整理的這篇文章主要介紹了
echart移上去显示内容_echarts如何移动到柱状图上显示自己想显示的提示信息
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
首先把series里面的數(shù)據(jù)換成含有value的對(duì)象
nameArr是顯示x軸顯示的名稱,dataArr是series顯示的數(shù)據(jù)
let nameArr=[],dataArr=[];
for(let i=0;i
nameArr.push(data[i].name);
data[i].value=data[i].drp;
dataArr.push(data[i]);
}
series: [
{
name: '雨強(qiáng)',
type: 'bar',
data: dataArr,
markPoint: {
data: [
{type: 'max', name: '最大值'},
]
},
}
]
在tooltip里面添加formatter屬性,params里面會(huì)有你在series傳入的數(shù)據(jù)
tooltip: {
trigger: 'axis',
formatter:function (params, ticket, callback) {
return params[0].value?`
${params[0].name}雨強(qiáng):${params[0].value}地點(diǎn):${params[0].data.addr}時(shí)間:${params[0].data.tm}`:"沒有雨強(qiáng)"
}
},
有問題可以問我
總結(jié)
以上是生活随笔為你收集整理的echart移上去显示内容_echarts如何移动到柱状图上显示自己想显示的提示信息的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: api有哪些 javasocket_so
- 下一篇: 华夏小羊肖恩亲子信用卡年费多少?怎么免年