前端js、jQuery或前端工具实现某些效果
目的
本篇主要收集工作学习中用到的前端效果,时常回顾下,总结做过的或者遇到的提高交互效果、更懒人舒适的显示。
1、echart鼠标放上时提示框组件 按要求显示文字(值后+%,前:小圆点)
在echart配置选项option的tooltip设置其formatter即可,注意别放错地方,formater可以在很多配置项中使用,位置不同作用位置也不同;
tooltip: {
trigger: 'axis',
axisPointer: {
// type: 'cross',
label: {
backgroundColor: '#6a7985',
}
},
formatter: function(params) {
var tip = params[0].name + '<br>';
for(var i=0;i<params.length;i++) {
tip+=params[i].marker + params[i].seriesName+': '+params[i].value+'%<br>';
}
return tip;
}
},