asd-javascript-sdk/dist/AnalysysAgent_JS_SDK_HEATMAP.min.js

official analysysAgent javascript sdk

!function(){"use strict";function e(e,a){void 0===a&&(a={});var t=a.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===t&&n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}e(".ark-heatmap-location {\n  position: absolute !important;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 10000; }\n\n.ark-headmap-body-location-none .ark-heatmap-location {\n  display: none; }\n");var a={};function t(e){var t=typeof e;return"object"===t?a[Object.prototype.toString.call(e)]:t}function n(e){return"string"===t(e)}function i(e){return"object"===t(e)}["Boolean","Number","String","Function","Array","Date","RegExp","Object","Error","HTMLCollection"].map((function(e){a["[object "+e+"]"]=e.toLowerCase()}));var r=function(e){try{for(var a=document.evaluate(e,document,null,XPathResult.ANY_TYPE,null),t=[],n=a.iterateNext();n;)t.push(n),n=a.iterateNext();return t}catch(e){console.log(e)}return[]};function o(e,a,t){void 0===a&&(a={});var n=document.createElement(e);if(a.id&&(n.id=a.id),a.class&&(n.className=a.class),a.style&&i(a.style))for(var r in a.style)n.style[r]=a.style[r];return a.content&&(n.innerHTML=a.content),(t||document.querySelector("body")).appendChild(n),n}function d(e){for(var a=0,t=0,n=!1,i=!1;e;)void 0!==e.offsetTop?(a+=e.offsetTop,t+=e.offsetLeft,n||(n=!("none"!==l(e,"display")&&"0px"!==l(e,"width")&&"0px"!==l(e,"height"))),"fixed"===l(e,"position")&&(i=!0),e=e.offsetParent):e=e.parentNode;return!0===i&&(a+=document.documentElement.scrollTop||document.body.scrollTop,t+=document.documentElement.scrollLeft||document.body.scrollLeft),{top:a,left:t,hidden:n}}function l(e,a){var t,n,i,r;if(e){if("string"==typeof a)return s(e,a);if(Array.isArray(a)){for(i={},r=0,t=a.length;r<t;r++)i[n=a[r]]=s(e,n);return i}}}function s(e,a){var t=document.defaultView;return t&&t.getComputedStyle?document.defaultView.getComputedStyle(e,null)[a]:e.currentStyle[a]}var h=window;function c(e){var a=document.location.toString(),t=window.name;n(t)&&t.indexOf(e)>-1&&(a=t);var i,r=a.split("?");if(r.length>1){for(var o=[],d=1;d<r.length;d++)o.push.apply(o,r[d].split("&"));for(var l=void 0,s=0;s<o.length;s++)if(null!=(l=o[s].split("="))&&l[0]===e){var c=l[1];if(l[1].indexOf("#")>-1&&(c=c.split("#")[0]),c.indexOf("%")>-1){try{var p=decodeURI(c);if(i=p,new RegExp("[\\u4E00-\\u9FFF]+","g").test(i))return p}catch(e){}if(h.AnalysysModule&&h.AnalysysModule.decodeGBK)try{return h.AnalysysModule.decodeGBK(c,"gbk")}catch(e){}}return c}return""}return""}function p(e){var a=[];for(var t in e){var r=e[t];n(r)?r=encodeURIComponent(e[t]):i(r)&&(r=encodeURIComponent(JSON.stringify(e[t]))),a.push(t+"="+r)}return a.join("&")}var m=null,k={crowds:"",filter:{conditions:[],relation:"且"}};var u=function(){return p({content:JSON.stringify(m),times:+new Date})};var g={heatMapType:"location",heatMapShow:!0,isOpen:!0,helpDoc:"",loading:!1,nodata:!1,max:10},f={lineShow:!1,colorRange:"",max:100,min:0,backgroundTransparent:.3};function A(e,a,t){var n=new window.XMLHttpRequest||new window.ActiveXObject("Microsoft.XMLHTTP")||new window.ActiveXObject("Msxml2.XMLHTTP"),r=(e.method||"GET").toUpperCase(),o=e.url,d=e.data,l=function(e){for(var a=[],t=1;t<arguments.length;t++)a[t-1]=arguments[t];for(var n=0;n<a.length;n++){var r=a[n];if(i(r))for(var o in r)e[o]=r[o]}return e}({},e.header);"GET"===r&&e.data&&(o+=(/\?/.test(e.url)?"&":"?")+p(e.data));for(var s in"POST"===r&&e.data&&!l["Content-Type"]&&(d=JSON.stringify(e.data)),n.open(r,o),l)n.setRequestHeader(s,l[s]);n.timeout=e.timeout,n.onreadystatechange=function(){if(4===n.readyState)if(200===n.status){var i={header:(r=n.getAllResponseHeaders(),o=r.trim().split(/[\r\n]+/),d={},o.forEach((function(e){var a=e.split(": "),t=a.shift(),n=a.join(": ");d[t]=n})),d),data:n.responseText};try{i.data=JSON.parse(n.responseText)}catch(e){}a&&a(i,n),e.success&&e.success(i,n)}else t&&t(n),e.error&&e.error(n);var r,o,d},n.send(d)}e(".ark-headmap-loading, .ark-headmap-nodata {\n  position: fixed;\n  top: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(255, 255, 255, 0.5);\n  text-align: center;\n  z-index: 10000;\n  display: none; }\n  .ark-headmap-loading .ark-loading-box, .ark-headmap-nodata .ark-loading-box {\n    width: 260px;\n    height: 182px;\n    margin: 0 auto;\n    top: 50%;\n    margin-top: -91px;\n    position: relative;\n    background-color: rgba(0, 0, 0, 0.8);\n    border-radius: 4px; }\n    .ark-headmap-loading .ark-loading-box .ark-loading-img, .ark-headmap-nodata .ark-loading-box .ark-loading-img {\n      width: 64px;\n      height: 64px;\n      margin: 0 auto;\n      top: 40px;\n      position: relative;\n      background: url(data:image/png;base64,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) no-repeat;\n      background-size: 100% 100%;\n      animation: ark-around linear 2s infinite; }\n    .ark-headmap-loading .ark-loading-box .ark-loading-text, .ark-headmap-nodata .ark-loading-box .ark-loading-text {\n      padding-top: 65px;\n      color: #fff;\n      font-size: 14px; }\n  .ark-headmap-loading .ark-nodata-box, .ark-headmap-nodata .ark-nodata-box {\n    width: 280px;\n    height: 200px;\n    margin: 0 auto;\n    top: 50%;\n    margin-top: -100px;\n    position: relative; }\n    .ark-headmap-loading .ark-nodata-box .ark-nodata-img, .ark-headmap-nodata .ark-nodata-box .ark-nodata-img {\n      width: 110px;\n      height: 72px;\n      margin: 0 auto;\n      top: 32px;\n      position: relative;\n      background: url(data:image/png;base64,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) no-repeat;\n      background-size: 100% 100%; }\n    .ark-headmap-loading .ark-nodata-box .ark-nodata-text, .ark-headmap-nodata .ark-nodata-box .ark-nodata-text {\n      padding-top: 65px;\n      color: #fff;\n      font-size: 14px; }\n\n.ark-headmap-nodata {\n  background-color: rgba(0, 0, 0, 0.8); }\n\n@keyframes ark-around {\n  0% {\n    -webkit-transform: rotate(0deg);\n    -ms-transform: rotate(0deg);\n    transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(360deg);\n    -ms-transform: rotate(360deg);\n    transform: rotate(360deg); } }\n");function v(e){var a;document.getElementById("arkHeadmapNodata").style.display=g.nodata?"block":"none",a=e,document.getElementById("arkHeadmapNodata").querySelector(".ark-nodata-text").innerHTML=a||""}
/*! *****************************************************************************
  Copyright (c) Microsoft Corporation.

  Permission to use, copy, modify, and/or distribute this software for any
  purpose with or without fee is hereby granted.

  THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
  REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
  AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
  INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
  LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
  OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
  PERFORMANCE OF THIS SOFTWARE.
  ***************************************************************************** */
var y=function(){return(y=Object.assign||function(e){for(var a,t=1,n=arguments.length;t<n;t++)for(var i in a=arguments[t])Object.prototype.hasOwnProperty.call(a,i)&&(e[i]=a[i]);return e}).apply(this,arguments)};e(".ark-heat-click-element {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  width: 100%;\n  background-color: #ff0000;\n  color: #fff;\n  text-align: center;\n  font-size: 12px;\n  z-index: 10000;\n  line-height: 22px; }\n  .ark-heat-click-element .ark-heat-click-element-text {\n    display: block;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    position: absolute;\n    width: 100%;\n    top: 50%;\n    margin-top: -11px;\n    text-align: center; }\n  .ark-heat-click-element:hover .ark-heat-click-element-tips {\n    display: block; }\n  .ark-heat-click-element .ark-heat-click-element-tips {\n    position: absolute;\n    background-color: #252d39;\n    font-size: 12px;\n    display: none;\n    top: 100%;\n    top: calc(100% + 5px);\n    font-size: 14px;\n    padding: 10px 0;\n    border-radius: 4px;\n    left: 50%;\n    transform: translate(-50%, 0);\n    white-space: nowrap; }\n    .ark-heat-click-element .ark-heat-click-element-tips::after {\n      content: '';\n      position: absolute;\n      width: 0;\n      height: 0;\n      border-color: transparent;\n      border-style: solid;\n      top: 5px;\n      left: 50%;\n      margin-top: -10px;\n      border-width: 0 7px 5px;\n      border-bottom-color: #252d39;\n      margin-left: -7px; }\n    .ark-heat-click-element .ark-heat-click-element-tips .ark-click-num, .ark-heat-click-element .ark-heat-click-element-tips .ark-click-percent {\n      display: inline-block;\n      text-align: right;\n      padding: 0 10px; }\n      .ark-heat-click-element .ark-heat-click-element-tips .ark-click-num label, .ark-heat-click-element .ark-heat-click-element-tips .ark-click-percent label {\n        display: block;\n        color: #9cacbf; }\n\n.ark-headmap-body-element-none .ark-heat-click-element {\n  display: none; }\n");e(".ark-heatmap-head {\n  position: fixed;\n  left: 0;\n  top: 0;\n  background-color: rgba(0, 0, 0, 0.8);\n  z-index: 10001;\n  width: 100%;\n  height: 64px;\n  font-size: 16px;\n  color: #9cacbf;\n  transition: all 0.3s; }\n  .ark-heatmap-head .ark-icon {\n    display: inline-block;\n    background-size: 100% 100%;\n    width: 14px;\n    height: 14px;\n    margin-right: 10px; }\n    .ark-heatmap-head .ark-icon.ark-icon-point {\n      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAQFJREFUOBGlUjEKwlAMTVR0cRGsQ1HP4QFcPIfgZl28gINDi4t2EzyHV/AcrXQRdNBFUWPTNiWUFsV+KC8vfXk/PwSg5MFf68110H/cnzskHBDSod6ojYOZ6VXEoOP4i7btnRklp5GLgWBIQE3GiIeC1OBNNA15K0FdG8V8s04KTw0qiG4ouCSotVHMbeuk8NIzyDUwVv6IXrDlG7EKk9O8t9e36zh9gk7GxdQFoK4Y6f86zjXQgm9xrgG3HTZ/5C+Oi21yZ5CVFy0R66IODMdbGrZ/ZcwWMy9aIv4XP4HQijcMLU5mjyyN5DVPZkAuAt4AaSMijbI0ktO89AzE9G/8AFToh10DAaI4AAAAAElFTkSuQmCC) no-repeat; }\n    .ark-heatmap-head .ark-icon.ark-icon-ele {\n      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAQZJREFUOBGtUsEOwUAQnZn4AKTc9A8dERJt1IkmDuoLy0ka9QW7ZpZlrUUqNml23ryZ2bdvC/CP1V8dsmhd1lFezkPzJC98f71f+DxKQkjQ0PbJAK6rSdx18y0DEDY8ICPE7DgepG6BxHKy0jpBotzn7jhalfoOAsE7ngK1H1O+H9crfGx5kEaFumIFeshR2kgBG4hAkMiIJz+MLPYg9ExSLHk53T6z60ezZ0Q4V+O4IwOMGh5urkCaCmBS5FlCdvux3BnX1gS4FUVflysxVOzyLyb28sNUmux9/QE2b3fjgVvE00+MO24uGN/8ePkPCGinUA3Zk001ipd+syjUSo3Yj8LnfsIXR3J0GEi1vfgAAAAASUVORK5CYII=) no-repeat; }\n    .ark-heatmap-head .ark-icon.ark-icon-dep {\n      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsSAAALEgHS3X78AAAA10lEQVQ4y63SsU3DQBjF8Z9RBqBxaYkN7JoGMwEMgBRGSOWatK7cUgEbsEGSDZKGOpJLN9ngaA5EEfsima+6+77TvXf/e1kIwZy6MrMWkLf9HuXImcPQFFXKQTkhUiYdpCpv+7OghqbIsrkQFxeoV+hw96f9gdXQFKcshDAG8YBnbOP+HV+4xTLO6ymIJV7iusYer/HC+zhfpXLwEJVPeMMa3dAUW+xQT0LM2/4zqt/gMbKocY0N1ikHP084osJT5LKJDLoxiL/pu/QXwrmQzMrBWPr+PYnfX8xTYCBLOCIAAAAASUVORK5CYII=) no-repeat; }\n    .ark-heatmap-head .ark-icon.ark-icon-element {\n      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAMlJREFUOBFjYBhowAhywP///9uBlD4QhzAyMn4D8s2AbGEgxgdeAdWeZQQqBhnyEohFgdgAKHgRKHYKyJYAYnzgPlCtPVgBUIMhEPvjU01bOaDtLEDMT44tsEA8B9SsDsQaQH89BhrWBGSLETDwCVBtCwtU0T8g/R+KQUJ/oBjExgVAaiAAaCMzEPPC+PSngbabAHEwOTbDEtIroGYRIDYEBswFoGGgQCUmIVmzADUA1f+fAdQASso3gRgEUoFYCMzCTbzGLUVPGQAuSE4Qo6rhyQAAAABJRU5ErkJggg==) no-repeat; }\n    .ark-heatmap-head .ark-icon.ark-icon-content {\n      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAALRJREFUOBFjYKAQMML0////XxfI9gdiFpgYDvoPUHwTIyPjJRR5oAE3gZhY8ACmmQnGANLXkNiEmBcwFACt5gTiHUQ44TRQDS+GASABoAQbEK/HY8hVoJwwVs0wQaACFiBeisWQe0AxKZg6vDRQIRMQL0Ay5BWQrYRXE7okUIMPkgEH0OVhfORYgImRRA9uA44B/XKXkH9wegGY1t8BNTsD8WMg/k/IIJzyoOgDYk+cCiiVAABBtddgMn4BogAAAABJRU5ErkJggg==) no-repeat; }\n    .ark-heatmap-head .ark-icon.ark-icon-set {\n      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAURJREFUOBG1kz9LglEUh71WaGM55OrSB3DtE1RLFg3qUpOOgbhE3yHdCmqJPkIE0WpETurWpksQbTWEUb09v/vea68IKoIHHs655/zuee+/NxabhwVBsAJd8NYjWJ34LUSLEuE33cwivuDibVezmpFmiHLwDQ/wBG9eRPwKTVDtB/Z8Le66LuPrcAsvsAA58LZLYEC1G6jRRHNCY1CBD0hHcgeMHx2HkfwauXeoKmdXgE9CAnZAZ5DHXUIH2nBBroCXSeP1NqEJBk5BloI7uA6rtuEV43vQ7cjqoC0NVuC1s3m6HcMXlNUBnwed9jmcudhugbgEfTgZfI3BzIdo90EDXckztKAPGTgyxjTwWtEGrgY9WIIsrFP/xIeGSA9Jy570kH7R7Pt5Q57CuKe8JTGa/wc0NDsyQKTr6oK36X6mSI+pwz+2s2sE4j6K/AAAAABJRU5ErkJggg==) no-repeat; }\n    .ark-heatmap-head .ark-icon.ark-icon-refresh {\n      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAQ1JREFUOBG1ks8KAVEUxmckFijkAWztZqMsLJQsPIc8hLLyIKws5Dk8AClZsLFkIRZIGb8zXN07l/wpt36dc77vu3eaO+M4/1y+76cg8dUz2BCHDqxgDXNYQuvtQYQKMIMu5NUG+iR4an5aCcRgAo2ngbuIX4G0lUFsw9AyNAE/BzvYQlWzHAdhCjVDDA34JRjACDKGjXCwRCNxG8ikYaOsiGqoe7ho86vWxXh82uAATkwijqFPX361864XqQsjwya5WbkYuaCcYYYG/CG0Q3JwifJuFcvQBPwGyKeOabLdEvBAXitY9HmQn0t+soLSpUb1Qevr9E3CZ2oWjtADz3XdE/WzxQEJSH2W/jF1BQYvzfgwrEoEAAAAAElFTkSuQmCC) no-repeat; }\n    .ark-heatmap-head .ark-icon.ark-icon-help {\n      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAWdJREFUOBGNk79Kw1AUhxuX0qGLjo5SXEyXgiK1dFBcXNRdV7fiWwgurVudVPoAxReQPIOTUAc76SAUg7goxO8XcpPjjUovfLnn/M6f5ObeW6l4I0mSEPpwD3GGbGmhl164BKswhE8YwSGo2RrswxUoppxqUYklASJ4hM6PoHGItWECyi2a4KiriusuH3s90y+ZN41ex1fuMNUwmqBPy9+M3YUPuIFzeIdd06SDr5ow4DEgsBgEwbFJuMWeovWkkXPG1MTfk6+BNmJ6XeCxA2Ow4w7nwggz7C/jy1TNtjppq/7cHmIteIN8CapWDcT/NiBhGV7gVEV2oKUNtIQpNGzQ2CfYEWvXf/LHCsKT+4lLJB35GbxlFS0m9vxL7BptpiWUttElE3uALee7Ga0N6TamGk7pICmAvgE1V5hpOkgT1eQ6zrxHWQdIpzBSTd4g6+xfpgOS9KeFbF0wfXb5MtlOJKhg7uv8DahvoK6C+lwsAAAAAElFTkSuQmCC) no-repeat; }\n    .ark-heatmap-head .ark-icon.ark-icon-down {\n      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAALpJREFUOBFjYBi+4P///1xAvAGIY0n2JVCTIBAfBeJNQPwEiIuINgSoWBqIrwDxJCBmAmI5IL4GxB0EDQEqUgPi+0BciawYyAe56BAQzwViZmQ5OBsoYQLEz4A4ESQIpFHCAMhnB+JVQAwKFw64RhgDKukN1Yw1DIBqGIG4D4jDYfowaKAkLAwmA9lkhcEDoMYqZJOBfKLD4DlQcRKyZhgbKE4wDHYBFfnCNGCjgfK4wwAoyYRN0+AXAwDWDeuTwsPrDwAAAABJRU5ErkJggg==) no-repeat; }\n    .ark-heatmap-head .ark-icon.ark-icon-crowd {\n      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAATtJREFUOBHVUbFKA0EQnd0cKCh+gaKVX5BKbSwsRBIJyGGpgViJiLGxS2Vjgm0IKFHs0iWCoHX+wyJ/kEbU2+fMrnts7oK2OrA3b2bnzc2bJfr3prIKStX6NkAdyStFR4Pb1lO2JoyjMBBsycCixaSk0ZLg8kF9S3y/23oR70178JMvVc9PDeFZjuCwNtdAxubZR3Is5moYFD0pxJLLSfjWbMf2pCii6+ST1iUuMPZ58ekSK7Wz1eRDnYCwo7S+k0sYcwjSx4/d5kDiaWYbsK4YMPcEmkmLWEKB1B7rXuPNxtzoUmmscE3M/+3NLs+3e43Gu5MANCfI3EVrvW9McsGvsuuamgcyNAdWwbNtvL2ONzlfsUsEMKFZCP2bqyGTy45svwuO7DIs1TbOvUJAEJjuKJP/7W5K+Z9NfQHcMWh6c1UmgAAAAABJRU5ErkJggg==) no-repeat; }\n  .ark-heatmap-head .ark-heatmap-switch {\n    display: inline-block;\n    width: 36px;\n    height: 18px;\n    border-radius: 9px;\n    position: relative;\n    background-color: #4c6072;\n    cursor: pointer;\n    vertical-align: sub;\n    margin-right: 5px; }\n    .ark-heatmap-head .ark-heatmap-switch.ark-switch-act {\n      background-color: #0095e3; }\n      .ark-heatmap-head .ark-heatmap-switch.ark-switch-act::before {\n        left: 20px; }\n    .ark-heatmap-head .ark-heatmap-switch::before {\n      content: '';\n      position: absolute;\n      top: 2px;\n      left: 2px;\n      width: 14px;\n      height: 14px;\n      display: inline-block;\n      border-radius: 20px;\n      background-color: #fff;\n      z-index: 20;\n      -webkit-transition: all 0.5s;\n      transition: all 0.5s; }\n  .ark-heatmap-head .ark-head-hide {\n    display: none;\n    position: absolute;\n    width: 64px;\n    height: 32px;\n    line-height: 32px;\n    right: 56px;\n    top: 64px;\n    background-color: rgba(20, 137, 226, 0.8);\n    text-align: center;\n    cursor: pointer; }\n    .ark-heatmap-head .ark-head-hide i {\n      cursor: pointer;\n      margin-right: 0;\n      transform: rotate(180deg); }\n\n.ark-heatmap-head-menu {\n  float: left;\n  margin-left: 20px; }\n\n.ark-heatmap-head-menu-item {\n  float: left;\n  line-height: 64px;\n  text-align: center;\n  margin-right: 10px;\n  cursor: pointer;\n  position: relative; }\n  .ark-heatmap-head-menu-item:hover, .ark-heatmap-head-menu-item.ark-active {\n    color: #1489e2; }\n    .ark-heatmap-head-menu-item:hover::after, .ark-heatmap-head-menu-item.ark-active::after {\n      content: '';\n      height: 2px;\n      position: absolute;\n      left: 0;\n      bottom: 0;\n      background-color: #1489e2;\n      width: 100%; }\n  @media (max-width: 880px) {\n    .ark-heatmap-head-menu-item i {\n      margin-left: 10px; }\n    .ark-heatmap-head-menu-item span {\n      display: none; } }\n\n.ark-heatmap-head-handle {\n  float: right;\n  margin-right: 20px; }\n  .ark-heatmap-head-handle .ark-heatmap-head-handle-item {\n    float: left;\n    padding: 0 10px;\n    margin-right: 10px;\n    position: relative;\n    line-height: 64px; }\n    .ark-heatmap-head-handle .ark-heatmap-head-handle-item:hover .ark-handle-hover {\n      color: #fff; }\n    .ark-heatmap-head-handle .ark-heatmap-head-handle-item:hover .ark-pop-box, .ark-heatmap-head-handle .ark-heatmap-head-handle-item:hover .ark-pop-tips {\n      display: inline-block; }\n    .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-handle-hover {\n      cursor: pointer; }\n    .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-icon-box i {\n      cursor: pointer;\n      width: 16px;\n      height: 16px;\n      float: left;\n      margin-top: 23px;\n      opacity: .8; }\n      .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-icon-box i:hover {\n        opacity: 1; }\n    .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-icon-box .ark-pop-tips {\n      top: 50px;\n      left: -5px; }\n    .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-pop-box, .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-pop-tips {\n      display: none;\n      position: absolute;\n      background-color: #fff;\n      padding: 10px;\n      box-shadow: 2px 0px 4px #252d3933;\n      border: 1px solid #D8E0E9;\n      border-radius: 4px;\n      top: 64px;\n      left: -100px;\n      line-height: 12px;\n      font-size: 12px;\n      color: #333; }\n      .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-pop-box::after, .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-pop-tips::after {\n        content: '';\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-color: transparent;\n        border-style: solid;\n        top: 5px;\n        left: 50%;\n        margin-top: -10px;\n        border-width: 0 7px 5px;\n        border-bottom-color: #fff;\n        margin-left: -7px; }\n    .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-pop-box {\n      padding: 20px; }\n    .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-element-list {\n      width: 500px;\n      left: -200px; }\n      .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-element-list .ark-element-list-hd {\n        font-size: 16px;\n        color: #252d39;\n        padding-bottom: 5px; }\n      .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-element-list .ark-element-list-bd {\n        width: 100%;\n        border-collapse: collapse;\n        border-spacing: 0;\n        text-align: center; }\n        .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-element-list .ark-element-list-bd td {\n          height: 40px;\n          line-height: 40px;\n          font-size: 14px; }\n        .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-element-list .ark-element-list-bd thead td {\n          border-bottom: 2px solid #e4eaf1; }\n        .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-element-list .ark-element-list-bd tbody {\n          max-height: 400px;\n          overflow-y: auto; }\n          .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-element-list .ark-element-list-bd tbody td {\n            border-bottom: 1px solid #e4eaf1;\n            color: #4c6072; }\n          .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-element-list .ark-element-list-bd tbody .ark-element-content {\n            max-width: 150px;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            padding: 0 5px; }\n    .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-filter-condition {\n      width: 300px; }\n      .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-filter-condition .ark-filter-condition-title {\n        color: #6d859e;\n        font-size: 13px; }\n      .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-filter-condition .ark-filter-condition-crowd {\n        padding: 17px 0; }\n        .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-filter-condition .ark-filter-condition-crowd i {\n          margin-right: 5px;\n          vertical-align: bottom; }\n      .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-filter-condition .ark-filter-condition-attrs {\n        position: relative;\n        margin-top: 20px;\n        padding-top: 10px;\n        padding-left: 20px;\n        border-left: solid #e4eaf1 1px; }\n        .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-filter-condition .ark-filter-condition-attrs .ark-condigton-item {\n          padding-bottom: 15px;\n          color: #354359;\n          font-size: 12px; }\n        .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-filter-condition .ark-filter-condition-attrs .ark-condigton-relation {\n          position: absolute;\n          width: 20px;\n          height: 20px;\n          border: solid 1px #c5ced8;\n          border-radius: 10px;\n          font-size: 12px;\n          color: #9cacbf;\n          text-align: center;\n          line-height: 20px;\n          left: -10px;\n          top: 50%;\n          margin-top: -10px;\n          background-color: #fff; }\n    .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-display-set {\n      width: 280px; }\n      .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-display-set .ark-display-set-item {\n        position: relative; }\n        .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-display-set .ark-display-set-item .ark-display-set-item-name {\n          width: 120px;\n          font-size: 14px;\n          position: absolute; }\n        .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-display-set .ark-display-set-item .ark-display-set-item-content {\n          padding-left: 120px; }\n          .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-display-set .ark-display-set-item .ark-display-set-item-content .ark-color-slider-box {\n            position: relative;\n            height: 4px; }\n            .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-display-set .ark-display-set-item .ark-display-set-item-content .ark-color-slider-box .ark-color-left-track {\n              position: absolute;\n              background-color: #9cacbf;\n              height: 100%;\n              left: 0;\n              width: 0px; }\n            .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-display-set .ark-display-set-item .ark-display-set-item-content .ark-color-slider-box .ark-left-trigger {\n              left: 0px; }\n            .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-display-set .ark-display-set-item .ark-display-set-item-content .ark-color-slider-box .ark-color-middle-track {\n              position: absolute;\n              height: 100%;\n              left: 0px;\n              background: linear-gradient(to right, #3023ae 0%, #53a0fd 20%, #b4ec51 41%, #ffa301 81%, #fb0000 100%);\n              right: 0px; }\n            .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-display-set .ark-display-set-item .ark-display-set-item-content .ark-color-slider-box .ark-color-right-track {\n              position: absolute;\n              height: 100%;\n              right: 0;\n              width: 0px;\n              background-color: #fb0000; }\n            .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-display-set .ark-display-set-item .ark-display-set-item-content .ark-color-slider-box .ark-right-trigger {\n              left: calc(100% - 10px); }\n          .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-display-set .ark-display-set-item .ark-display-set-item-content .ark-slider-trigger {\n            z-index: 2;\n            position: absolute;\n            cursor: pointer;\n            width: 10px;\n            height: 10px;\n            top: -4px;\n            background-color: #e4eaf1;\n            border: solid 1px #9cacbf;\n            border-radius: 4px;\n            left: 30%; }\n          .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-display-set .ark-display-set-item .ark-display-set-item-content .ark-slider-box {\n            position: relative;\n            background-color: #9cacbf;\n            border-radius: 2px;\n            height: 4px; }\n            .ark-heatmap-head-handle .ark-heatmap-head-handle-item .ark-display-set .ark-display-set-item .ark-display-set-item-content .ark-slider-box .ark-slider-rate {\n              position: absolute;\n              background-color: #0095e3;\n              left: 0;\n              height: 100%;\n              width: 30%;\n              border-radius: 2px; }\n  @media (max-width: 880px) {\n    .ark-heatmap-head-handle {\n      margin-right: 0; }\n      .ark-heatmap-head-handle #arkHeatmapSwitch, .ark-heatmap-head-handle #arkHotEleList, .ark-heatmap-head-handle #arkHeatDisplayConfig, .ark-heatmap-head-handle #arkConditionList {\n        display: none !important; } }\n");function x(){var e;o("div",{id:"arkHeatmapHead",class:"ark-heatmap-head",content:'\n  <div class="ark-heatmap-head-menu">\n    <div class="ark-heatmap-head-menu-item" id="arkNavLocation" event-agent="click" heat-type="location" controller-name="heatmapTab">\n      <i class="ark-icon ark-icon-point"></i>\n      <span>点击位置热图</span>\n    </div>\n    <div class="ark-heatmap-head-menu-item" id="arkNavElement" event-agent="click" heat-type="element" controller-name="heatmapTab">\n      <i class="ark-icon ark-icon-ele"></i>\n      <span>点击元素热图</span>\n    </div>\n    <div class="ark-heatmap-head-menu-item" id="arkNavLines" event-agent="click" heat-type="lines" controller-name="heatmapTab">\n      <i class="ark-icon ark-icon-dep"></i>\n      <span>浏览深度线</span>\n    </div>\n  </div>\n\n  <div class="ark-heatmap-head-handle">\n    <div class="ark-heatmap-head-handle-item" id="arkHotEleList">\n      <div class="ark-handle-hover"><i class="ark-icon ark-icon-element"></i>热门元素列表</div>\n      <div class="ark-pop-box ark-element-list">\n        <div class="ark-element-list-hd">热门点击元素</div>\n        <table class="ark-element-list-bd">\n          <thead>\n            <tr>\n              <td width="120">元素内容</td>\n              <td>元素类型</td>\n              <td>用户数</td>\n              <td>点击次数</td>\n              <td>点击次数占比</td>\n            </tr>\n          </thead>\n          <tbody id="arkElementList">\n\n          </tbody>\n        </table>\n      </div>\n    </div>\n    <div class="ark-heatmap-head-handle-item" id="arkConditionList">\n      <div class="ark-handle-hover"><i class="ark-icon ark-icon-content"></i>过滤条件</div>\n      <div class="ark-pop-box ark-filter-condition">\n        <div class="ark-filter-condition-title">分析用户群</div>\n        <div class="ark-filter-condition-crowd">\n          <i class="ark-icon ark-icon-crowd"></i> <span></span>\n        </div>\n        <div class="ark-filter-condition-title">过滤条件</div>\n        <div class="ark-filter-condition-attrs">\n        </div>\n      </div>\n    </div>\n    <div class="ark-heatmap-head-handle-item" id="arkHeatDisplayConfig">\n      <div class="ark-handle-hover"><i class="ark-icon ark-icon-set"></i>显示设置</div>\n      <div class="ark-pop-box ark-display-set">\n        <div class="ark-display-set-item" >\n          <div class="ark-display-set-item-name" style="top:3px">显示浏览深度线</div>\n          <div class="ark-display-set-item-content">\n            <span class="ark-heatmap-switch" id="arkDisplayDepth" event-agent="click" controller-name="displayDepth"></span>\n          </div>\n        </div>\n        <div class="ark-display-set-item" id="arkSetColorRange" style="padding-top:20px;">\n          <div class="ark-display-set-item-name">调整颜色范围</div>\n          <div class="ark-display-set-item-content" style="padding-top:3px">\n            <div class="ark-color-slider-box" id="arkColors">\n              <div class="ark-slider-trigger ark-left-trigger"></div>\n              <div class="ark-slider-trigger ark-right-trigger"></div>\n              <div class="ark-color-left-track"></div>\n              <div class="ark-color-middle-track"></div>\n              <div class="ark-color-right-track"></div>\n            </div>\n          </div>\n        </div>\n        <div class="ark-display-set-item" id="arkSetOpacity" style="padding-top:20px">\n          <div class="ark-display-set-item-name">调整背景透明度</div>\n          <div class="ark-display-set-item-content" style="padding-top:3px">\n            <div class="ark-slider-box" id="arkOpacitySlider">\n              <div class="ark-slider-rate"></div>\n              <div class="ark-slider-trigger"></div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class="ark-heatmap-head-handle-item" id="arkHeatmapSwitch">\n      <span class="ark-heatmap-switch" event-agent="click" controller-name="heatmapSwitch"></span>热图显示\n    </div>\n    <div class="ark-heatmap-head-handle-item">\n      <div class="ark-icon-box" event-agent="click" controller-name="refresh">\n        <i class="ark-icon ark-icon-refresh"></i>\n        <div class="ark-pop-tips">刷新</div>\n      </div>\n    </div>\n    <div class="ark-heatmap-head-handle-item">\n      <div class="ark-icon-box">\n        <i class="ark-icon ark-icon-help"></i>\n        <div class="ark-pop-tips">帮助</div>\n      </div>\n    </div>\n    <div class="ark-heatmap-head-handle-item">\n      <div class="ark-icon-box" event-agent="click" controller-name="navOpen">\n        <i class="ark-icon ark-icon-down"></i>\n        <div class="ark-pop-tips">收起</div>\n      </div>\n    </div>\n  </div>\n  <span class="ark-head-hide" event-agent="click" controller-name="navOpen">\n    <i class="ark-icon ark-icon-down"></i>\n  </span>\n'},document.getElementById("arkHeadmapBody")),w(),E(),B(),new S((e=document.getElementById("arkOpacitySlider")).querySelector(".ark-slider-trigger"),{trackEl:e,onMove:function(a){e.querySelector(".ark-slider-rate").style.width=a+"px"},onUp:function(e,a){f.backgroundTransparent=e/a,j()}}),function(){document.querySelector(".ark-filter-condition-crowd span").innerHTML=k.crowds;var e="",a=k.filter.conditions;a.length?(a.forEach((function(a){e+='<div class="ark-condigton-item">'+a+"</div>"})),a.length>1&&(e+='<span class="ark-condigton-relation">'+k.filter.relation+"</span>")):e='<div class="ark-condigton-item">无<div>';document.querySelector(".ark-filter-condition-attrs").innerHTML=e}(),function(){var e=document.getElementById("arkColors"),a=new S(e.querySelector(".ark-left-trigger"),{trackEl:e,onMove:function(a){t.min=a+10,e.querySelector(".ark-color-middle-track").style.left=a+"px",e.querySelector(".ark-color-left-track").style.width=a+"px"},onUp:function(e,a){f.min=e/a*100,j()}}),t=new S(e.querySelector(".ark-right-trigger"),{trackEl:e,onMove:function(t,n){a.max=t-10;var i=n-t;e.querySelector(".ark-color-middle-track").style.right=i+"px",e.querySelector(".ark-color-right-track").style.width=i+"px"},onUp:function(e,a){f.max=e/a*100,j()}})}()}var b={location:"arkNavLocation",element:"arkNavElement",lines:"arkNavLines"};function w(){document.getElementById(b[g.heatMapType]).className="ark-heatmap-head-menu-item ark-active"}function E(){var e=g.heatMapShow;document.getElementById("arkHeatmapSwitch").querySelector(".ark-heatmap-switch").className=e?"ark-heatmap-switch ark-switch-act":"ark-heatmap-switch"}function B(){document.getElementById("arkHotEleList").style.display="element"===g.heatMapType?"block":"none";var e=document.getElementById("arkHeatmapSwitch"),a=document.getElementById("arkHeatDisplayConfig");"lines"!==g.heatMapType?(e.style.display="block",a.style.display="block"):(e.style.display="none",a.style.display="none"),"location"===g.heatMapType?(document.getElementById("arkSetColorRange").style.display="block",document.getElementById("arkSetOpacity").style.display="block"):(document.getElementById("arkSetColorRange").style.display="none",document.getElementById("arkSetOpacity").style.display="none")}function S(e,a){this.downX=null,this.moveX=null,this.max=a.max,this.min=a.min;var t=this;e.addEventListener("mousedown",(function(n){t.downX=n.clientX;var i=a.trackEl.offsetWidth-10,r=e.offsetLeft;function o(n){if(t.downX){t.moveX=r+(n.clientX-t.downX);var o=t.max||i,d=t.min||0;t.moveX>o&&(t.moveX=o),t.moveX<d&&(t.moveX=d),a&&a.onMove(t.moveX,i),e.style.left=t.moveX+"px"}}window.addEventListener("mousemove",o),window.addEventListener("mouseup",(function e(){t.downX=null,window.removeEventListener("mousemove",o),window.removeEventListener("mouseup",e),a&&a.onUp(t.moveX,i)}))}))}var C=0,M=["63,81,181","33,150,243","0,188,212","87,201,92","205,220,57","255,235,59","255,152,0","255,87,34","229,57,53","183,28,28"];function I(e){T();for(var a,t,n,i=e.detail,d=[],s=0;s<i.length;s++){var h=i[s],c=r(h.path)[0],p=null;if(c){h.clickNum>C&&(C=h.clickNum);var m=Math.ceil(h.clickNum/C*10)-1,k="rgba("+M[m]+",.9)";["input","img","select","textarea","svg"].indexOf(c.tagName.toLowerCase())>-1&&(p=c,c=c.parentNode);var u=l(c,"position");-1===["relative","fixed","absolute","sticky"].indexOf(u)&&(c.style.position="relative");var g={};p&&(g={left:p.offsetLeft+"px",top:p.offsetTop+"px",width:p.offsetWidth+"px",height:p.offsetHeight+"px"}),o("span",{class:"ark-heat-click-element",content:(a=h.clickNum,t=h.clickNumPercent,n=void 0,n=(100*t).toFixed(2),'\n      <span class="ark-heat-click-element-text" data-percent="'+n+'" data-click-num="'+a+'">'+n+'%</span>\n      <span class="ark-heat-click-element-tips">\n        <span class="ark-click-num">\n          <label>点击数</label>\n          '+a+'\n        </span>\n        <span class="ark-click-percent">\n          <label>点击占比</label>\n          '+n+"%\n        </span>\n      </span>\n  "),style:y({backgroundColor:k},g)},c),d.push(h)}}!function(e){var a=document.getElementById("arkElementList");if(a){var t="";e&&e.length&&e.forEach((function(e){t+='\n            <tr>\n              <td><div class="ark-element-content">'+(e.content||"-")+"</div></td>\n              <td>"+e.type+"</td>\n              <td>"+e.uv+"</td>\n              <td>"+e.clickNum+"</td>\n              <td>"+(100*e.clickNumPercent).toFixed(2)+"%</td>\n            </tr>\n        "})),a.innerHTML=t}}(d)}function D(){var e=document.querySelector("body"),a=e.className;g.heatMapShow&&"element"===g.heatMapType?e.className=a.replace(/ ark-headmap-body-element-none/g,""):-1===a.indexOf("ark-headmap-body-element-none")&&(e.className=a+" ark-headmap-body-element-none")}function T(){document.querySelectorAll(".ark-heat-click-element").forEach((function(e){e.remove()}))}var O={location:!1,element:!1,lines:!1};function R(e){g.loading=e,document.getElementById("arkHeadmapLoading").style.display=g.loading?"block":"none"}function H(e,a){g.nodata=e,v(a)}var L="暂无数据<br/>小舟建议您选择其他时间范围或过滤条件重试",N="查询失败，请联系管理员",U=null;var G=function(e){"lines"===g.heatMapType&&e&&e()};var Q="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var K=function(e,a){return e(a={exports:{}},a.exports),a.exports}((function(e){var a,t;a=Q,t=function(){var e,a={defaultRadius:40,defaultRenderer:"canvas2d",defaultGradient:{.25:"rgb(0,0,255)",.55:"rgb(0,255,0)",.85:"yellow",1:"rgb(255,0,0)"},defaultMaxOpacity:1,defaultMinOpacity:0,defaultBlur:.85,defaultXField:"x",defaultYField:"y",defaultValueField:"value",plugins:{}},t=function(){var e=function(e){this._coordinator={},this._data=[],this._radi=[],this._min=10,this._max=1,this._xField=e.xField||e.defaultXField,this._yField=e.yField||e.defaultYField,this._valueField=e.valueField||e.defaultValueField,e.radius&&(this._cfgRadius=e.radius)},t=a.defaultRadius;return e.prototype={_organiseData:function(e,a){var n=e[this._xField],i=e[this._yField],r=this._radi,o=this._data,d=this._max,l=this._min,s=e[this._valueField]||1,h=e.radius||this._cfgRadius||t;o[n]||(o[n]=[],r[n]=[]),o[n][i]?o[n][i]+=s:(o[n][i]=s,r[n][i]=h);var c=o[n][i];return c>d?(a?this.setDataMax(c):this._max=c,!1):c<l?(a?this.setDataMin(c):this._min=c,!1):{x:n,y:i,value:s,radius:h,min:l,max:d}},_unOrganizeData:function(){var e=[],a=this._data,t=this._radi;for(var n in a)for(var i in a[n])e.push({x:n,y:i,radius:t[n][i],value:a[n][i]});return{min:this._min,max:this._max,data:e}},_onExtremaChange:function(){this._coordinator.emit("extremachange",{min:this._min,max:this._max})},addData:function(){if(arguments[0].length>0)for(var e=arguments[0],a=e.length;a--;)this.addData.call(this,e[a]);else{var t=this._organiseData(arguments[0],!0);t&&(0===this._data.length&&(this._min=this._max=t.value),this._coordinator.emit("renderpartial",{min:this._min,max:this._max,data:[t]}))}return this},setData:function(e){var a=e.data,t=a.length;this._data=[],this._radi=[];for(var n=0;n<t;n++)this._organiseData(a[n],!1);return this._max=e.max,this._min=e.min||0,this._onExtremaChange(),this._coordinator.emit("renderall",this._getInternalData()),this},removeData:function(){},setDataMax:function(e){return this._max=e,this._onExtremaChange(),this._coordinator.emit("renderall",this._getInternalData()),this},setDataMin:function(e){return this._min=e,this._onExtremaChange(),this._coordinator.emit("renderall",this._getInternalData()),this},setCoordinator:function(e){this._coordinator=e},_getInternalData:function(){return{max:this._max,min:this._min,data:this._data,radi:this._radi}},getData:function(){return this._unOrganizeData()}},e}(),n=function(){var e=function(e){var a=e.gradient||e.defaultGradient,t=document.createElement("canvas"),n=t.getContext("2d");t.width=256,t.height=1;var i=n.createLinearGradient(0,0,256,1);for(var r in a)i.addColorStop(r,a[r]);return n.fillStyle=i,n.fillRect(0,0,256,1),n.getImageData(0,0,256,1).data},a=function(e,a){var t=document.createElement("canvas"),n=t.getContext("2d"),i=e,r=e;if(t.width=t.height=2*e,1==a)n.beginPath(),n.arc(i,r,e,0,2*Math.PI,!1),n.fillStyle="rgba(0,0,0,1)",n.fill();else{var o=n.createRadialGradient(i,r,e*a,i,r,e);o.addColorStop(0,"rgba(0,0,0,1)"),o.addColorStop(1,"rgba(0,0,0,0)"),n.fillStyle=o,n.fillRect(0,0,2*e,2*e)}return t};function t(a){var t=a.container,n=this.shadowCanvas=document.createElement("canvas"),i=this.canvas=a.canvas||document.createElement("canvas");this._renderBoundaries=[1e4,1e4,0,0];var r=getComputedStyle(a.container)||{};i.className="heatmap-canvas",this._width=i.width=n.width=a.width||+r.width.replace(/px/,""),this._height=i.height=n.height=a.height||+r.height.replace(/px/,""),this.shadowCtx=n.getContext("2d"),this.ctx=i.getContext("2d"),i.style.cssText=n.style.cssText="position:absolute;left:0;top:0;",t.style.position="relative",t.appendChild(i),this._palette=e(a),this._templates={},this._setStyles(a)}return t.prototype={renderPartial:function(e){e.data.length>0&&(this._drawAlpha(e),this._colorize())},renderAll:function(e){this._clear(),e.data.length>0&&(this._drawAlpha(function(e){var a=[],t=e.min,n=e.max,i=e.radi;e=e.data;for(var r=Object.keys(e),o=r.length;o--;)for(var d=r[o],l=Object.keys(e[d]),s=l.length;s--;){var h=l[s],c=e[d][h],p=i[d][h];a.push({x:d,y:h,value:c,radius:p})}return{min:t,max:n,data:a}}(e)),this._colorize())},_updateGradient:function(a){this._palette=e(a)},updateConfig:function(e){e.gradient&&this._updateGradient(e),this._setStyles(e)},setDimensions:function(e,a){this._width=e,this._height=a,this.canvas.width=this.shadowCanvas.width=e,this.canvas.height=this.shadowCanvas.height=a},_clear:function(){this.shadowCtx.clearRect(0,0,this._width,this._height),this.ctx.clearRect(0,0,this._width,this._height)},_setStyles:function(e){this._blur=0==e.blur?0:e.blur||e.defaultBlur,e.backgroundColor&&(this.canvas.style.backgroundColor=e.backgroundColor),this._width=this.canvas.width=this.shadowCanvas.width=e.width||this._width,this._height=this.canvas.height=this.shadowCanvas.height=e.height||this._height,this._opacity=255*(e.opacity||0),this._maxOpacity=255*(e.maxOpacity||e.defaultMaxOpacity),this._minOpacity=255*(e.minOpacity||e.defaultMinOpacity),this._useGradientOpacity=!!e.useGradientOpacity},_drawAlpha:function(e){for(var t=this._min=e.min,n=this._max=e.max,i=(e=e.data||[]).length,r=1-this._blur;i--;){var o,d=e[i],l=d.x,s=d.y,h=d.radius,c=Math.min(d.value,n),p=l-h,m=s-h,k=this.shadowCtx;this._templates[h]?o=this._templates[h]:this._templates[h]=o=a(h,r);var u=(c-t)/(n-t);k.globalAlpha=u<.01?.01:u,k.drawImage(o,p,m),p<this._renderBoundaries[0]&&(this._renderBoundaries[0]=p),m<this._renderBoundaries[1]&&(this._renderBoundaries[1]=m),p+2*h>this._renderBoundaries[2]&&(this._renderBoundaries[2]=p+2*h),m+2*h>this._renderBoundaries[3]&&(this._renderBoundaries[3]=m+2*h)}},_colorize:function(){var e=this._renderBoundaries[0],a=this._renderBoundaries[1],t=this._renderBoundaries[2]-e,n=this._renderBoundaries[3]-a,i=this._width,r=this._height,o=this._opacity,d=this._maxOpacity,l=this._minOpacity,s=this._useGradientOpacity;e<0&&(e=0),a<0&&(a=0),e+t>i&&(t=i-e),a+n>r&&(n=r-a);for(var h=this.shadowCtx.getImageData(e,a,t,n),c=h.data.length,p=this._palette,m=3;m<c;m+=4){var k,u=h.data[m],g=4*u;g&&(k=o>0?o:u<d?u<l?l:u:d,h.data[m-3]=p[g],h.data[m-2]=p[g+1],h.data[m-1]=p[g+2],h.data[m]=s?p[g+3]:k)}this.ctx.putImageData(h,e,a),this._renderBoundaries=[1e3,1e3,0,0]},getValueAt:function(e){var a=this.shadowCtx.getImageData(e.x,e.y,1,1).data[3],t=this._max,n=this._min;return Math.abs(t-n)*(a/255)>>0},getDataURL:function(){return this.canvas.toDataURL()}},t}(),i=(e=!1,"canvas2d"===a.defaultRenderer&&(e=n),e),r=function(){for(var e={},a=arguments.length,t=0;t<a;t++){var n=arguments[t];for(var i in n)e[i]=n[i]}return e},o=function(){var e=function(){function e(){this.cStore={}}return e.prototype={on:function(e,a,t){var n=this.cStore;n[e]||(n[e]=[]),n[e].push((function(e){return a.call(t,e)}))},emit:function(e,a){var t=this.cStore;if(t[e])for(var n=t[e].length,i=0;i<n;i++)(0,t[e][i])(a)}},e}(),n=function(e){var a=e._renderer,t=e._coordinator,n=e._store;t.on("renderpartial",a.renderPartial,a),t.on("renderall",a.renderAll,a),t.on("extremachange",(function(a){e._config.onExtremaChange&&e._config.onExtremaChange({min:a.min,max:a.max,gradient:e._config.gradient||e._config.defaultGradient})})),n.setCoordinator(t)};function o(){var o=this._config=r(a,arguments[0]||{});if(this._coordinator=new e,o.plugin){var d=o.plugin;if(!a.plugins[d])throw new Error("Plugin '"+d+"' not found. Maybe it was not registered.");var l=a.plugins[d];this._renderer=new l.renderer(o),this._store=new l.store(o)}else this._renderer=new i(o),this._store=new t(o);n(this)}return o.prototype={addData:function(){return this._store.addData.apply(this._store,arguments),this},removeData:function(){return this._store.removeData&&this._store.removeData.apply(this._store,arguments),this},setData:function(){return this._store.setData.apply(this._store,arguments),this},setDataMax:function(){return this._store.setDataMax.apply(this._store,arguments),this},setDataMin:function(){return this._store.setDataMin.apply(this._store,arguments),this},configure:function(e){return this._config=r(this._config,e),this._renderer.updateConfig(this._config),this._coordinator.emit("renderall",this._store._getInternalData()),this},repaint:function(){return this._coordinator.emit("renderall",this._store._getInternalData()),this},getData:function(){return this._store.getData()},getDataURL:function(){return this._renderer.getDataURL()},getValueAt:function(e){return this._store.getValueAt?this._store.getValueAt(e):this._renderer.getValueAt?this._renderer.getValueAt(e):null},s