UNPKG

@coreui/coreui-plugin-chartjs-custom-tooltips

Version:

Chart.js custom tooltips designed for CoreUI Templates

3 lines (2 loc) 2.15 kB
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e=e||self)["custom-tooltips"]={})}(this,function(e){"use strict";function t(c){var e,t=this,a="above",o="below",n="chartjs-tooltip",i="no-transform",l="tooltip-body",d="tooltip-body-item",r="tooltip-body-item-color",p="tooltip-body-item-label",m="tooltip-body-item-value",s="tooltip-header",u="tooltip-header-item",h={DIV:"div",SPAN:"span",TOOLTIP:(this._chart.canvas.id||(e="_canvas-"+(f()+f()),t._chart.canvas.id=e))+"-tooltip"};function f(){return(65536*(1+Math.random())|0).toString(16)}var v=document.getElementById(h.TOOLTIP);if(v||((v=document.createElement("div")).id=h.TOOLTIP,v.className=n,this._chart.canvas.parentNode.appendChild(v)),0!==c.opacity){if(v.classList.remove(a,o,i),c.yAlign?v.classList.add(c.yAlign):v.classList.add(i),c.body){var y=c.title||[],b=document.createElement(h.DIV);b.className=s,y.forEach(function(e){var t=document.createElement(h.DIV);t.className=u,t.innerHTML=e,b.appendChild(t)});var N=document.createElement(h.DIV);N.className=l,c.body.map(function(e){return e.lines}).forEach(function(e,t){var a=document.createElement(h.DIV);a.className=d;var o=c.labelColors[t],n=document.createElement(h.SPAN);if(n.className=r,n.style.backgroundColor=o.backgroundColor,a.appendChild(n),1<e[0].split(":").length){var i=document.createElement(h.SPAN);i.className=p,i.innerHTML=e[0].split(": ")[0],a.appendChild(i);var l=document.createElement(h.SPAN);l.className=m,l.innerHTML=e[0].split(": ").pop(),a.appendChild(l)}else{var s=document.createElement(h.SPAN);s.className=m,s.innerHTML=e[0],a.appendChild(s)}N.appendChild(a)}),v.innerHTML="",v.appendChild(b),v.appendChild(N)}var C=this._chart.canvas.getBoundingClientRect(),T=this._chart.canvas.offsetTop,E=this._chart.canvas.offsetLeft+c.caretX,L=T+c.caretY,g=c.width/2;E+g>C.width?E-=g:E<g&&(E+=g),v.style.opacity=1,v.style.left=E+"px",v.style.top=L+"px"}else v.style.opacity=0}var a=t;e.CustomTooltips=t,e.customTooltips=a,Object.defineProperty(e,"__esModule",{value:!0})}); //# sourceMappingURL=custom-tooltips.min.js.map