echarts tootip 出框_echarts —— tooltip 鼠标悬浮显示提示框属性

59 阅读 0 评论 39 点赞

我是靠谱客的博主故意小懒虫，最近开发中收集的这篇文章主要介绍echarts tootip 出框_echarts —— tooltip 鼠标悬浮显示提示框属性，觉得挺不错的，现在分享给大家，希望可以做个参考。

最近一直在使用echarts，当然也被其中的各种属性整的头大，记录一下其中遇到的问题。

tooltip：鼠标悬浮时显示的提示框。

今天想要记录的是【自定义提示框的内容】，如下图，鼠标悬浮时提示框内显示的内容格式为：年份类型
装机容量：数据单位
增长率：百分比，那么如何才能自定义出来咱们想要的效果呢，代码如下：

tooltip: {

trigger: 'axis',

axisPointer: {

type: 'cross',

crossStyle: {

color: '#999'

}

formatter: function (params) {

// console.log(params); // 当我们想要自定义提示框内容时，可以先将鼠标悬浮的数据打印出来，然后根据需求提取出来即可

let firstParams = params[0];

let sndParams = params[1];

return firstParams.name + ' ' + firstParams.seriesName + '
' + '装机：' + firstParams.data + ' 亿千瓦
增长率：' + sndParams.data +&

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。