如何在高级图表提示框中显示当前时间

首先，项目需求提示框需要显示当前时间(常规提示无法达到这种效果)

风格

二、知识点

高级图表的工具提示属性中有一个格式化程序属性

Formatter:函数(){……}.}提示框内容格式化回调函数，返回false可以关闭某个点或数据列的提示框，并且可以在该函数中执行复杂的逻辑来返回所需内容。

第三，代码

Shared: true。//共享提示框时，整个绘图区域将捕捉鼠标指针的移动。系列类型的提示框文字显示有序数据(不包括饼图、散点图和标识图等。)将显示在同一个提示框中。Formatter :函数(){//提示框内容格式化回调函数，返回false可以关闭某个点或数据列的提示框，并且在这个函数中可以执行复杂的逻辑来返回需要的内容。var内容=' '；for(var I=0；I this . points . length；I){ if(I==this . points . length-1){ content=' span style=' font-size : 10px；color : ' this . points[I]. series . color ' ' ' this . points[I]. series . name '/span : ' this . points[I]。y '' br/'；} else { content=' span style=' font-size : 10px；color : ' this . points[I]. series . color ' ' ' this . points[I]. series . name '/span : ' this . points[I]。y“%”br/；} };var Date=new Date()；var nowYear=date.getFullYear()。toString()；var now month=(date . getmonth)(1)。toString()；var nowDay=date.getDate()。toString()；var nowHours=date.getHours()。toString()；var nowMin=date.getMinutes()。toString()；var nowSeconds=date.getSeconds()。toString()；函数timeAdd0(str){ if(str . length=1){ str=' 0 ' str；} return str } now year=time add 0(now year)；now month=time add 0(now month)；now day=time add 0(now day)；now hours=time add 0(now hours)；nowMin=time add 0(nowMin)；nowSeconds=timeAdd0(nowSeconds)内容=' span ' now year '/now month '/now day ' ' now hours ' : ' now min ' : ' now seconds ' year '/span br/'内容；返回内容；}

第四，效果

如果有任何不足，请给我你的建议！希望给大家带来帮助！

摘要

以上就是本文的全部内容。希望本文的内容对大家的学习或工作有一定的参考价值。谢谢你的支持。如果你想了解更多，请查看下面的相关链接