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

172 阅读 0 评论 114 点赞

最近一直在使用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 +&

以上就是故意小懒虫最近收集整理的关于echarts tootip 出框_echarts —— tooltip 鼠标悬浮显示提示框属性的全部内容，更多相关echarts内容请搜索靠谱客的其他文章。

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