100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > echart图表(自定义提示框) 鼠标移动到数据展示区自定义展示提示框 天/时/分/秒

echart图表(自定义提示框) 鼠标移动到数据展示区自定义展示提示框 天/时/分/秒

时间:2024-02-13 05:46:43

相关推荐

echart图表(自定义提示框) 鼠标移动到数据展示区自定义展示提示框 天/时/分/秒

// 毫秒数转换为 天 时 分 秒function timeTransition(value) {var time = parseInt(value);// 需要转换的时间秒 var minute = 0;// 分 var hour = 0;// 小时 var day = 0;// 天if (time > 60) {minute = parseInt(time / 60);theTime = parseInt(time % 60);if (minute > 60) {hour = parseInt(minute / 60);minute = parseInt(minute % 60);if (hour > 24) {//大于24小时day = parseInt(hour / 24);hour = parseInt(hour % 24);}}}var result = '';if (time > 0) {result = "" + parseInt(theTime) + "秒";}if (minute > 0) {result = "" + parseInt(minute) + "分" + result;}if (hour > 0) {result = "" + parseInt(hour) + "小时" + result;}if (day > 0) {result = "" + parseInt(day) + "天" + result;}return result;}export default {timeTransition,}

1.在需要使用的页面引入上面封装好的js

import getTime from './getTime.js'

2.使用

tooltip: {trigger: 'axis',axisPointer: {type: 'cross'},formatter: function (params) {// console.log(params, 789); // 鼠标悬浮的数据let stopTime = params[0]let openTime = params[1]let operationRate = params[2]return '时间1:' + getTime.timeTransition(openTime.data) + '<br>' + '时间2:' + getTime.timeTransition(stopTime.data) + '<br>时间率:' + operationRate.data + '%';}},

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。