@fc-plot/ts-graph 0.13.4 → 0.13.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/BundleReport.html +2 -2
  2. package/dist/index.js +1 -1
  3. package/examples/index.js +84 -33
  4. package/package.json +1 -1
  5. package/src/index.ts +10 -6
  6. package/src/line.ts +1 -1
  7. package/src/tooltip.ts +1 -0
package/dist/BundleReport.html CHANGED
@@ -3,7 +3,7 @@
3
3
  <head>
4
4
  <meta charset="UTF-8"/>
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
6
- <title>@fc-plot/ts-graph [10 Mar 2022 at 20:23]</title>
6
+ <title>@fc-plot/ts-graph [23 Mar 2022 at 11:39]</title>
7
7
  <link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
8
8
 
9
9
  <script>
@@ -46,7 +46,7 @@
46
46
  <body>
47
47
  <div id="app"></div>
48
48
  <script>
49
- window.chartData = [{"label":"index.js","isAsset":true,"statSize":99922,"parsedSize":47311,"gzipSize":13659,"groups":[{"label":"node_modules","path":"./node_modules","statSize":19473,"groups":[{"label":"@babel/runtime/helpers","path":"./node_modules/@babel/runtime/helpers","statSize":3683,"groups":[{"id":2,"label":"classCallCheck.js","path":"./node_modules/@babel/runtime/helpers/classCallCheck.js","statSize":274,"parsedSize":169,"gzipSize":140},{"id":3,"label":"createClass.js","path":"./node_modules/@babel/runtime/helpers/createClass.js","statSize":752,"parsedSize":349,"gzipSize":228},{"id":4,"label":"defineProperty.js","path":"./node_modules/@babel/runtime/helpers/defineProperty.js","statSize":367,"parsedSize":195,"gzipSize":154},{"id":5,"label":"toConsumableArray.js","path":"./node_modules/@babel/runtime/helpers/toConsumableArray.js","statSize":521,"parsedSize":155,"gzipSize":129},{"id":6,"label":"arrayLikeToArray.js","path":"./node_modules/@babel/runtime/helpers/arrayLikeToArray.js","statSize":312,"parsedSize":181,"gzipSize":150},{"id":9,"label":"arrayWithoutHoles.js","path":"./node_modules/@babel/runtime/helpers/arrayWithoutHoles.js","statSize":266,"parsedSize":134,"gzipSize":118},{"id":10,"label":"iterableToArray.js","path":"./node_modules/@babel/runtime/helpers/iterableToArray.js","statSize":274,"parsedSize":189,"gzipSize":153},{"id":11,"label":"unsupportedIterableToArray.js","path":"./node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js","statSize":609,"parsedSize":374,"gzipSize":271},{"id":12,"label":"nonIterableSpread.js","path":"./node_modules/@babel/runtime/helpers/nonIterableSpread.js","statSize":308,"parsedSize":244,"gzipSize":193}],"parsedSize":1990,"gzipSize":719},{"label":"events","path":"./node_modules/events","statSize":14890,"groups":[{"id":7,"label":"events.js","path":"./node_modules/events/events.js","statSize":14890,"parsedSize":6026,"gzipSize":2003}],"parsedSize":6026,"gzipSize":2003},{"label":"worker-loader/dist/workers","path":"./node_modules/worker-loader/dist/workers","statSize":900,"groups":[{"id":13,"label":"InlineWorker.js","path":"./node_modules/worker-loader/dist/workers/InlineWorker.js","statSize":900,"parsedSize":460,"gzipSize":287}],"parsedSize":460,"gzipSize":287}],"parsedSize":8476,"gzipSize":2748},{"label":"src","path":"./src","statSize":78477,"groups":[{"id":8,"label":"worker.ts","path":"./src/worker.ts","statSize":3980,"parsedSize":3839,"gzipSize":1531},{"id":15,"label":"index.ts + 9 modules (concatenated)","path":"./src/index.ts + 9 modules (concatenated)","statSize":74497,"parsedSize":33579,"gzipSize":10110,"concatenated":true,"groups":[{"label":"src","path":"./src/index.ts + 9 modules (concatenated)/src","statSize":66410,"groups":[{"id":null,"label":"index.ts","path":"./src/index.ts + 9 modules (concatenated)/src/index.ts","statSize":25250,"parsedSize":11381,"gzipSize":3426,"inaccurateSizes":true},{"id":null,"label":"utils.ts","path":"./src/index.ts + 9 modules (concatenated)/src/utils.ts","statSize":2695,"parsedSize":1214,"gzipSize":365,"inaccurateSizes":true},{"id":null,"label":"xAxis.ts","path":"./src/index.ts + 9 modules (concatenated)/src/xAxis.ts","statSize":4482,"parsedSize":2020,"gzipSize":608,"inaccurateSizes":true},{"id":null,"label":"yAxis.ts","path":"./src/index.ts + 9 modules (concatenated)/src/yAxis.ts","statSize":6282,"parsedSize":2831,"gzipSize":852,"inaccurateSizes":true},{"id":null,"label":"tooltip.ts","path":"./src/index.ts + 9 modules (concatenated)/src/tooltip.ts","statSize":14298,"parsedSize":6444,"gzipSize":1940,"inaccurateSizes":true},{"id":null,"label":"line.ts","path":"./src/index.ts + 9 modules (concatenated)/src/line.ts","statSize":3363,"parsedSize":1515,"gzipSize":456,"inaccurateSizes":true},{"id":null,"label":"bar.ts","path":"./src/index.ts + 9 modules (concatenated)/src/bar.ts","statSize":2181,"parsedSize":983,"gzipSize":295,"inaccurateSizes":true},{"id":null,"label":"zoom.ts","path":"./src/index.ts + 9 modules (concatenated)/src/zoom.ts","statSize":4120,"parsedSize":1857,"gzipSize":559,"inaccurateSizes":true},{"id":null,"label":"legend.ts","path":"./src/index.ts + 9 modules (concatenated)/src/legend.ts","statSize":3739,"parsedSize":1685,"gzipSize":507,"inaccurateSizes":true}],"parsedSize":29933,"gzipSize":9012,"inaccurateSizes":true},{"label":"node_modules/resize-detector/esm","path":"./src/index.ts + 9 modules (concatenated)/node_modules/resize-detector/esm","statSize":8042,"groups":[{"id":null,"label":"index.js","path":"./src/index.ts + 9 modules (concatenated)/node_modules/resize-detector/esm/index.js","statSize":8042,"parsedSize":3624,"gzipSize":1091,"inaccurateSizes":true}],"parsedSize":3624,"gzipSize":1091,"inaccurateSizes":true}]}],"parsedSize":37418,"gzipSize":11219},{"label":"assets","path":"./assets","statSize":1972,"groups":[{"id":14,"label":"style.less","path":"./assets/style.less","statSize":1972,"parsedSize":17,"gzipSize":37}],"parsedSize":17,"gzipSize":37}]},{"label":"2e9a3033fbe5cd5906c2.worker.js","isAsset":true,"statSize":6192,"parsedSize":3746,"gzipSize":1504,"groups":[{"label":"node_modules/@babel/runtime/helpers","path":"./node_modules/@babel/runtime/helpers","statSize":367,"groups":[{"id":0,"label":"defineProperty.js","path":"./node_modules/@babel/runtime/helpers/defineProperty.js","statSize":367,"parsedSize":195,"gzipSize":154}],"parsedSize":195,"gzipSize":154},{"label":"src","path":"./src","statSize":5825,"groups":[{"id":1,"label":"worker.ts + 1 modules (concatenated)","path":"./src/worker.ts + 1 modules (concatenated)","statSize":5825,"parsedSize":2579,"gzipSize":1090,"concatenated":true,"groups":[{"label":"src","path":"./src/worker.ts + 1 modules (concatenated)/src","statSize":5820,"groups":[{"id":null,"label":"worker.ts","path":"./src/worker.ts + 1 modules (concatenated)/src/worker.ts","statSize":619,"parsedSize":274,"gzipSize":115,"inaccurateSizes":true},{"id":null,"label":"getNearestPoints.ts","path":"./src/worker.ts + 1 modules (concatenated)/src/getNearestPoints.ts","statSize":5201,"parsedSize":2302,"gzipSize":973,"inaccurateSizes":true}],"parsedSize":2576,"gzipSize":1089,"inaccurateSizes":true}]}],"parsedSize":2579,"gzipSize":1090}]}];
49
+ window.chartData = [{"label":"index.js","isAsset":true,"statSize":100213,"parsedSize":47384,"gzipSize":13704,"groups":[{"label":"node_modules","path":"./node_modules","statSize":19473,"groups":[{"label":"@babel/runtime/helpers","path":"./node_modules/@babel/runtime/helpers","statSize":3683,"groups":[{"id":2,"label":"classCallCheck.js","path":"./node_modules/@babel/runtime/helpers/classCallCheck.js","statSize":274,"parsedSize":169,"gzipSize":140},{"id":3,"label":"createClass.js","path":"./node_modules/@babel/runtime/helpers/createClass.js","statSize":752,"parsedSize":349,"gzipSize":228},{"id":4,"label":"defineProperty.js","path":"./node_modules/@babel/runtime/helpers/defineProperty.js","statSize":367,"parsedSize":195,"gzipSize":154},{"id":5,"label":"toConsumableArray.js","path":"./node_modules/@babel/runtime/helpers/toConsumableArray.js","statSize":521,"parsedSize":155,"gzipSize":129},{"id":6,"label":"arrayLikeToArray.js","path":"./node_modules/@babel/runtime/helpers/arrayLikeToArray.js","statSize":312,"parsedSize":181,"gzipSize":150},{"id":9,"label":"arrayWithoutHoles.js","path":"./node_modules/@babel/runtime/helpers/arrayWithoutHoles.js","statSize":266,"parsedSize":134,"gzipSize":118},{"id":10,"label":"iterableToArray.js","path":"./node_modules/@babel/runtime/helpers/iterableToArray.js","statSize":274,"parsedSize":189,"gzipSize":153},{"id":11,"label":"unsupportedIterableToArray.js","path":"./node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js","statSize":609,"parsedSize":374,"gzipSize":271},{"id":12,"label":"nonIterableSpread.js","path":"./node_modules/@babel/runtime/helpers/nonIterableSpread.js","statSize":308,"parsedSize":244,"gzipSize":193}],"parsedSize":1990,"gzipSize":719},{"label":"events","path":"./node_modules/events","statSize":14890,"groups":[{"id":7,"label":"events.js","path":"./node_modules/events/events.js","statSize":14890,"parsedSize":6026,"gzipSize":2003}],"parsedSize":6026,"gzipSize":2003},{"label":"worker-loader/dist/workers","path":"./node_modules/worker-loader/dist/workers","statSize":900,"groups":[{"id":13,"label":"InlineWorker.js","path":"./node_modules/worker-loader/dist/workers/InlineWorker.js","statSize":900,"parsedSize":460,"gzipSize":287}],"parsedSize":460,"gzipSize":287}],"parsedSize":8476,"gzipSize":2748},{"label":"src","path":"./src","statSize":78768,"groups":[{"id":8,"label":"worker.ts","path":"./src/worker.ts","statSize":3980,"parsedSize":3839,"gzipSize":1531},{"id":15,"label":"index.ts + 9 modules (concatenated)","path":"./src/index.ts + 9 modules (concatenated)","statSize":74788,"parsedSize":33652,"gzipSize":10157,"concatenated":true,"groups":[{"label":"src","path":"./src/index.ts + 9 modules (concatenated)/src","statSize":66701,"groups":[{"id":null,"label":"index.ts","path":"./src/index.ts + 9 modules (concatenated)/src/index.ts","statSize":25526,"parsedSize":11485,"gzipSize":3466,"inaccurateSizes":true},{"id":null,"label":"utils.ts","path":"./src/index.ts + 9 modules (concatenated)/src/utils.ts","statSize":2695,"parsedSize":1212,"gzipSize":366,"inaccurateSizes":true},{"id":null,"label":"xAxis.ts","path":"./src/index.ts + 9 modules (concatenated)/src/xAxis.ts","statSize":4482,"parsedSize":2016,"gzipSize":608,"inaccurateSizes":true},{"id":null,"label":"yAxis.ts","path":"./src/index.ts + 9 modules (concatenated)/src/yAxis.ts","statSize":6282,"parsedSize":2826,"gzipSize":853,"inaccurateSizes":true},{"id":null,"label":"tooltip.ts","path":"./src/index.ts + 9 modules (concatenated)/src/tooltip.ts","statSize":14298,"parsedSize":6433,"gzipSize":1941,"inaccurateSizes":true},{"id":null,"label":"line.ts","path":"./src/index.ts + 9 modules (concatenated)/src/line.ts","statSize":3378,"parsedSize":1519,"gzipSize":458,"inaccurateSizes":true},{"id":null,"label":"bar.ts","path":"./src/index.ts + 9 modules (concatenated)/src/bar.ts","statSize":2181,"parsedSize":981,"gzipSize":296,"inaccurateSizes":true},{"id":null,"label":"zoom.ts","path":"./src/index.ts + 9 modules (concatenated)/src/zoom.ts","statSize":4120,"parsedSize":1853,"gzipSize":559,"inaccurateSizes":true},{"id":null,"label":"legend.ts","path":"./src/index.ts + 9 modules (concatenated)/src/legend.ts","statSize":3739,"parsedSize":1682,"gzipSize":507,"inaccurateSizes":true}],"parsedSize":30013,"gzipSize":9058,"inaccurateSizes":true},{"label":"node_modules/resize-detector/esm","path":"./src/index.ts + 9 modules (concatenated)/node_modules/resize-detector/esm","statSize":8042,"groups":[{"id":null,"label":"index.js","path":"./src/index.ts + 9 modules (concatenated)/node_modules/resize-detector/esm/index.js","statSize":8042,"parsedSize":3618,"gzipSize":1092,"inaccurateSizes":true}],"parsedSize":3618,"gzipSize":1092,"inaccurateSizes":true}]}],"parsedSize":37491,"gzipSize":11268},{"label":"assets","path":"./assets","statSize":1972,"groups":[{"id":14,"label":"style.less","path":"./assets/style.less","statSize":1972,"parsedSize":17,"gzipSize":37}],"parsedSize":17,"gzipSize":37}]},{"label":"2e9a3033fbe5cd5906c2.worker.js","isAsset":true,"statSize":6192,"parsedSize":3746,"gzipSize":1504,"groups":[{"label":"node_modules/@babel/runtime/helpers","path":"./node_modules/@babel/runtime/helpers","statSize":367,"groups":[{"id":0,"label":"defineProperty.js","path":"./node_modules/@babel/runtime/helpers/defineProperty.js","statSize":367,"parsedSize":195,"gzipSize":154}],"parsedSize":195,"gzipSize":154},{"label":"src","path":"./src","statSize":5825,"groups":[{"id":1,"label":"worker.ts + 1 modules (concatenated)","path":"./src/worker.ts + 1 modules (concatenated)","statSize":5825,"parsedSize":2579,"gzipSize":1090,"concatenated":true,"groups":[{"label":"src","path":"./src/worker.ts + 1 modules (concatenated)/src","statSize":5820,"groups":[{"id":null,"label":"worker.ts","path":"./src/worker.ts + 1 modules (concatenated)/src/worker.ts","statSize":619,"parsedSize":274,"gzipSize":115,"inaccurateSizes":true},{"id":null,"label":"getNearestPoints.ts","path":"./src/worker.ts + 1 modules (concatenated)/src/getNearestPoints.ts","statSize":5201,"parsedSize":2302,"gzipSize":973,"inaccurateSizes":true}],"parsedSize":2576,"gzipSize":1089,"inaccurateSizes":true}]}],"parsedSize":2579,"gzipSize":1090}]}];
50
50
  window.defaultSizes = "parsed";
51
51
  </script>
52
52
  </body>
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("d3"),require("lodash"));else if("function"==typeof define&&define.amd)define([,],t);else{var n="object"==typeof exports?t(require("d3"),require("lodash")):t(e.d3,e._);for(var i in n)("object"==typeof exports?exports:e)[i]=n[i]}}(window,(function(e,t){return function(e){var t={};function n(i){if(t[i])return t[i].exports;var o=t[i]={i:i,l:!1,exports:{}};return e[i].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(i,o,function(t){return e[t]}.bind(null,o));return i},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=15)}([function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t){e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},e.exports.__esModule=!0,e.exports.default=e.exports},function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}e.exports=function(e,t,i){return t&&n(e.prototype,t),i&&n(e,i),Object.defineProperty(e,"prototype",{writable:!1}),e},e.exports.__esModule=!0,e.exports.default=e.exports},function(e,t){e.exports=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e},e.exports.__esModule=!0,e.exports.default=e.exports},function(e,t,n){var i=n(9),o=n(10),r=n(11),s=n(12);e.exports=function(e){return i(e)||o(e)||r(e)||s()},e.exports.__esModule=!0,e.exports.default=e.exports},function(e,t){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i},e.exports.__esModule=!0,e.exports.default=e.exports},function(e,t,n){"use strict";var i,o="object"==typeof Reflect?Reflect:null,r=o&&"function"==typeof o.apply?o.apply:function(e,t,n){return Function.prototype.apply.call(e,t,n)};i=o&&"function"==typeof o.ownKeys?o.ownKeys:Object.getOwnPropertySymbols?function(e){return Object.getOwnPropertyNames(e).concat(Object.getOwnPropertySymbols(e))}:function(e){return Object.getOwnPropertyNames(e)};var s=Number.isNaN||function(e){return e!=e};function a(){a.init.call(this)}e.exports=a,e.exports.once=function(e,t){return new Promise((function(n,i){function o(n){e.removeListener(t,r),i(n)}function r(){"function"==typeof e.removeListener&&e.removeListener("error",o),n([].slice.call(arguments))}y(e,t,r,{once:!0}),"error"!==t&&function(e,t,n){"function"==typeof e.on&&y(e,"error",t,n)}(e,o,{once:!0})}))},a.EventEmitter=a,a.prototype._events=void 0,a.prototype._eventsCount=0,a.prototype._maxListeners=void 0;var c=10;function l(e){if("function"!=typeof e)throw new TypeError('The "listener" argument must be of type Function. Received type '+typeof e)}function h(e){return void 0===e._maxListeners?a.defaultMaxListeners:e._maxListeners}function u(e,t,n,i){var o,r,s,a;if(l(n),void 0===(r=e._events)?(r=e._events=Object.create(null),e._eventsCount=0):(void 0!==r.newListener&&(e.emit("newListener",t,n.listener?n.listener:n),r=e._events),s=r[t]),void 0===s)s=r[t]=n,++e._eventsCount;else if("function"==typeof s?s=r[t]=i?[n,s]:[s,n]:i?s.unshift(n):s.push(n),(o=h(e))>0&&s.length>o&&!s.warned){s.warned=!0;var c=new Error("Possible EventEmitter memory leak detected. "+s.length+" "+String(t)+" listeners added. Use emitter.setMaxListeners() to increase limit");c.name="MaxListenersExceededWarning",c.emitter=e,c.type=t,c.count=s.length,a=c,console&&console.warn&&console.warn(a)}return e}function d(){if(!this.fired)return this.target.removeListener(this.type,this.wrapFn),this.fired=!0,0===arguments.length?this.listener.call(this.target):this.listener.apply(this.target,arguments)}function f(e,t,n){var i={fired:!1,wrapFn:void 0,target:e,type:t,listener:n},o=d.bind(i);return o.listener=n,i.wrapFn=o,o}function p(e,t,n){var i=e._events;if(void 0===i)return[];var o=i[t];return void 0===o?[]:"function"==typeof o?n?[o.listener||o]:[o]:n?function(e){for(var t=new Array(e.length),n=0;n<t.length;++n)t[n]=e[n].listener||e[n];return t}(o):m(o,o.length)}function v(e){var t=this._events;if(void 0!==t){var n=t[e];if("function"==typeof n)return 1;if(void 0!==n)return n.length}return 0}function m(e,t){for(var n=new Array(t),i=0;i<t;++i)n[i]=e[i];return n}function y(e,t,n,i){if("function"==typeof e.on)i.once?e.once(t,n):e.on(t,n);else{if("function"!=typeof e.addEventListener)throw new TypeError('The "emitter" argument must be of type EventEmitter. Received type '+typeof e);e.addEventListener(t,(function o(r){i.once&&e.removeEventListener(t,o),n(r)}))}}Object.defineProperty(a,"defaultMaxListeners",{enumerable:!0,get:function(){return c},set:function(e){if("number"!=typeof e||e<0||s(e))throw new RangeError('The value of "defaultMaxListeners" is out of range. It must be a non-negative number. Received '+e+".");c=e}}),a.init=function(){void 0!==this._events&&this._events!==Object.getPrototypeOf(this)._events||(this._events=Object.create(null),this._eventsCount=0),this._maxListeners=this._maxListeners||void 0},a.prototype.setMaxListeners=function(e){if("number"!=typeof e||e<0||s(e))throw new RangeError('The value of "n" is out of range. It must be a non-negative number. Received '+e+".");return this._maxListeners=e,this},a.prototype.getMaxListeners=function(){return h(this)},a.prototype.emit=function(e){for(var t=[],n=1;n<arguments.length;n++)t.push(arguments[n]);var i="error"===e,o=this._events;if(void 0!==o)i=i&&void 0===o.error;else if(!i)return!1;if(i){var s;if(t.length>0&&(s=t[0]),s instanceof Error)throw s;var a=new Error("Unhandled error."+(s?" ("+s.message+")":""));throw a.context=s,a}var c=o[e];if(void 0===c)return!1;if("function"==typeof c)r(c,this,t);else{var l=c.length,h=m(c,l);for(n=0;n<l;++n)r(h[n],this,t)}return!0},a.prototype.addListener=function(e,t){return u(this,e,t,!1)},a.prototype.on=a.prototype.addListener,a.prototype.prependListener=function(e,t){return u(this,e,t,!0)},a.prototype.once=function(e,t){return l(t),this.on(e,f(this,e,t)),this},a.prototype.prependOnceListener=function(e,t){return l(t),this.prependListener(e,f(this,e,t)),this},a.prototype.removeListener=function(e,t){var n,i,o,r,s;if(l(t),void 0===(i=this._events))return this;if(void 0===(n=i[e]))return this;if(n===t||n.listener===t)0==--this._eventsCount?this._events=Object.create(null):(delete i[e],i.removeListener&&this.emit("removeListener",e,n.listener||t));else if("function"!=typeof n){for(o=-1,r=n.length-1;r>=0;r--)if(n[r]===t||n[r].listener===t){s=n[r].listener,o=r;break}if(o<0)return this;0===o?n.shift():function(e,t){for(;t+1<e.length;t++)e[t]=e[t+1];e.pop()}(n,o),1===n.length&&(i[e]=n[0]),void 0!==i.removeListener&&this.emit("removeListener",e,s||t)}return this},a.prototype.off=a.prototype.removeListener,a.prototype.removeAllListeners=function(e){var t,n,i;if(void 0===(n=this._events))return this;if(void 0===n.removeListener)return 0===arguments.length?(this._events=Object.create(null),this._eventsCount=0):void 0!==n[e]&&(0==--this._eventsCount?this._events=Object.create(null):delete n[e]),this;if(0===arguments.length){var o,r=Object.keys(n);for(i=0;i<r.length;++i)"removeListener"!==(o=r[i])&&this.removeAllListeners(o);return this.removeAllListeners("removeListener"),this._events=Object.create(null),this._eventsCount=0,this}if("function"==typeof(t=n[e]))this.removeListener(e,t);else if(void 0!==t)for(i=t.length-1;i>=0;i--)this.removeListener(e,t[i]);return this},a.prototype.listeners=function(e){return p(this,e,!0)},a.prototype.rawListeners=function(e){return p(this,e,!1)},a.listenerCount=function(e,t){return"function"==typeof e.listenerCount?e.listenerCount(t):v.call(e,t)},a.prototype.listenerCount=v,a.prototype.eventNames=function(){return this._eventsCount>0?i(this._events):[]}},function(e,t,n){e.exports=function(){return n(13)('!function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=1)}([function(e,t){e.exports=function(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e},e.exports.__esModule=!0,e.exports.default=e.exports},function(e,t,r){"use strict";r.r(t);var n=r(0),o=r.n(n);function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?i(Object(r),!0).forEach((function(t){o()(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function u(e,t){return"X"===t?1e3*e:e}function a(e){var t,r=e.series,n=e.x,o=e.xkey,i=e.ykey,a=e.oykey,c=e.timestamp,f=e.fillNull,s=(t=function(e,t){return(r=u(e[o],c))<(n=t)?-1:r>n?1:r>=n?0:NaN;var r,n},{left:function(e,r,n,o){for(null==n&&(n=0),null==o&&(o=e.length);n<o;){var i=n+o>>>1;t(e[i],r)<0?n=i+1:o=i}return n},right:function(e,r,n,o){for(null==n&&(n=0),null==o&&(o=e.length);n<o;){var i=n+o>>>1;t(e[i],r)>0?o=i:n=i+1}return n}}).left,p=new Date(n).getTime(),y=[];return"[object Array]"!==Object.prototype.toString.call(r)?[]:(r.forEach((function(e,t){if(!1!==e.visible){var r=e.name,b=e.color,d=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&"[object Function]"===Object.prototype.toString.call(t)&&t(n)&&(r[n]=e[n]);return r}(e,(function(e){return"data"!==e})),v=e.data,O=void 0===v?[]:v;if("[object Array]"===Object.prototype.toString.call(O)&&0!==(O=O.filter((function(e){return"number"==typeof e[i]||"number"==typeof f}))).length){var m,g=s(O,n),j=O[g-1],x=O[g];if(j&&x){var P=u(j[o],c),h=u(x[o],c),S=j[i],k=x[i];null===S&&void 0!==f&&(S=f),null===k&&void 0!==f&&(k=f),m=p-P<h-p?l(l({},j),{},{name:r,color:b,timestamp:P,value:S,origin:j[a],serieIndex:t,serieOptions:d}):l(l({},x),{},{name:r,color:b,timestamp:h,value:k,origin:x[a],serieIndex:t,serieOptions:d}),y.push(m)}else if(j){var w=u(j[o],c),_=j[i];null===_&&void 0!==f&&(_=f),m=l(l({},j),{},{name:r,color:b,timestamp:w,value:_,origin:j[a],serieIndex:t,serieOptions:d}),y.push(m)}else if(x){var M=u(x[o],c),N=x[i];null===N&&void 0!==f&&(N=f),m=l(l({},x),{},{name:r,color:b,timestamp:M,value:N,origin:x[a],serieIndex:t,serieOptions:d}),y.push(m)}}}})),y)}var c={},f={},s=self;s.addEventListener("message",(function(e){var t=e.data;t.id&&(c[t.id]&&t.flag||(c[t.id]=t.str,f[t.id]=JSON.parse(t.str)));var r=a({x:t.x,xkey:t.xkey,ykey:t.ykey,oykey:t.oykey,timestamp:t.timestamp,series:f[t.id],fillNull:t.fillNull});s.postMessage(r)}));t.default=s}]);\n//# sourceMappingURL=2e9a3033fbe5cd5906c2.worker.js.map',n.p+"2e9a3033fbe5cd5906c2.worker.js")}},function(e,t,n){var i=n(6);e.exports=function(e){if(Array.isArray(e))return i(e)},e.exports.__esModule=!0,e.exports.default=e.exports},function(e,t){e.exports=function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)},e.exports.__esModule=!0,e.exports.default=e.exports},function(e,t,n){var i=n(6);e.exports=function(e,t){if(e){if("string"==typeof e)return i(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(e,t):void 0}},e.exports.__esModule=!0,e.exports.default=e.exports},function(e,t){e.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},e.exports.__esModule=!0,e.exports.default=e.exports},function(e,t,n){"use strict";var i=window.URL||window.webkitURL;e.exports=function(e,t){try{try{var n;try{(n=new(window.BlobBuilder||window.WebKitBlobBuilder||window.MozBlobBuilder||window.MSBlobBuilder)).append(e),n=n.getBlob()}catch(t){n=new Blob([e])}return new Worker(i.createObjectURL(n))}catch(t){return new Worker("data:application/javascript,"+encodeURIComponent(e))}}catch(e){if(!t)throw Error("Inline worker is not supported");return new Worker(t)}}},function(e,t,n){},function(e,t,n){"use strict";n.r(t),n.d(t,"default",(function(){return V}));var i=n(5),o=n.n(i),r=n(4),s=n.n(r),a=n(2),c=n.n(a),l=n(3),h=n.n(l),u=n(0),d=n(1);let f=null;let p=null;function v(e,t={}){let n=document.createElement(e);return Object.keys(t).forEach(e=>{n[e]=t[e]}),n}function m(e,t,n){return(window.getComputedStyle(e,n||null)||{display:"none"})[t]}function y(e){if(!document.documentElement.contains(e))return{detached:!0,rendered:!1};let t=e;for(;t!==document;){if("none"===m(t,"display"))return{detached:!1,rendered:!1};t=t.parentNode}return{detached:!1,rendered:!0}}let g=0,b=null;function x(e,t){if(e.__resize_mutation_handler__||(e.__resize_mutation_handler__=_.bind(e)),!e.__resize_listeners__)if(e.__resize_listeners__=[],window.ResizeObserver){let{offsetWidth:t,offsetHeight:n}=e,i=new ResizeObserver(()=>{(e.__resize_observer_triggered__||(e.__resize_observer_triggered__=!0,e.offsetWidth!==t||e.offsetHeight!==n))&&k(e)}),{detached:o,rendered:r}=y(e);e.__resize_observer_triggered__=!1===o&&!1===r,e.__resize_observer__=i,i.observe(e)}else if(e.attachEvent&&e.addEventListener)e.__resize_legacy_resize_handler__=function(){k(e)},e.attachEvent("onresize",e.__resize_legacy_resize_handler__),document.addEventListener("DOMSubtreeModified",e.__resize_mutation_handler__);else if(g||(b=function(e){var t=document.createElement("style");return t.type="text/css",t.styleSheet?t.styleSheet.cssText=e:t.appendChild(document.createTextNode(e)),(document.querySelector("head")||document.body).appendChild(t),t}('.resize-triggers{visibility:hidden;opacity:0;pointer-events:none}.resize-contract-trigger,.resize-contract-trigger:before,.resize-expand-trigger,.resize-triggers{content:"";position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden}.resize-contract-trigger,.resize-expand-trigger{background:#eee;overflow:auto}.resize-contract-trigger:before{width:200%;height:200%}')),function(e){let t=m(e,"position");t&&"static"!==t||(e.style.position="relative");e.__resize_old_position__=t,e.__resize_last__={};let n=v("div",{className:"resize-triggers"}),i=v("div",{className:"resize-expand-trigger"}),o=v("div"),r=v("div",{className:"resize-contract-trigger"});i.appendChild(o),n.appendChild(i),n.appendChild(r),e.appendChild(n),e.__resize_triggers__={triggers:n,expand:i,expandChild:o,contract:r},O(e),e.addEventListener("scroll",w,!0),e.__resize_last__={width:e.offsetWidth,height:e.offsetHeight}}(e),e.__resize_rendered__=y(e).rendered,window.MutationObserver){let t=new MutationObserver(e.__resize_mutation_handler__);t.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0}),e.__resize_mutation_observer__=t}e.__resize_listeners__.push(t),g++}function _(){let{rendered:e,detached:t}=y(this);e!==this.__resize_rendered__&&(!t&&this.__resize_triggers__&&(O(this),this.addEventListener("scroll",w,!0)),this.__resize_rendered__=e,k(this))}function w(){var e,t;O(this),this.__resize_raf__&&(e=this.__resize_raf__,p||(p=(window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||function(e){clearTimeout(e)}).bind(window)),p(e)),this.__resize_raf__=(t=()=>{let e=function(e){let{width:t,height:n}=e.__resize_last__,{offsetWidth:i,offsetHeight:o}=e;return i!==t||o!==n?{width:i,height:o}:null}(this);e&&(this.__resize_last__=e,k(this))},f||(f=(window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||function(e){return setTimeout(e,16)}).bind(window)),f(t))}function k(e){e&&e.__resize_listeners__&&e.__resize_listeners__.forEach(t=>{t.call(e,e)})}function O(e){let{expand:t,expandChild:n,contract:i}=e.__resize_triggers__,{scrollWidth:o,scrollHeight:r}=i,{offsetWidth:s,offsetHeight:a,scrollWidth:c,scrollHeight:l}=t;i.scrollLeft=o,i.scrollTop=r,n.style.width=s+1+"px",n.style.height=a+1+"px",t.scrollLeft=c,t.scrollTop=l}var C=n(7),S=n.n(C);function j(e,t){var n=e.length;return t<n?e[t]:j(e,t-n)}function L(e,t){return"X"===t?1e3*e:e}function z(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,i=e.getBoundingClientRect(),o=t.touches[n].clientX,r=t.touches[n].clientY,s=o-i.left,a=r-i.top;return{offsetX:s,offsetY:a,clientX:o,clientY:r}}function E(e){var t=String(e);if(e>=1e3){t=u.format(".5s")(e);var n=/[kMGTPEZY]$/;if(n.test(t)){var i=t[t.length-1];t=t.replace(n,""),t=parseFloat(t)+i}}return t}function A(e,t){var n=e;return"function"==typeof t&&(n=t(e)),n}var P=function(){function e(t,n,i){c()(this,e),this.options=void 0,this.ctx=void 0,this.yAxis=void 0,this.options=t,this.ctx=n,this.yAxis=i}return h()(e,[{key:"init",value:function(){var e=this.options,t=e.chart.width,n=e.timestamp,i=e.xmin,o=e.xmax,r=u.scaleTime().range([this.yAxis.tickMaxWidth,t]);return r.domain([L(o,n)+(i===o?1e3:0),L(i,n)-(i===o?1e3:0)]),r}},{key:"draw",value:function(e){var t=this.ctx,n=this.options,i=n.chart,o=n.xAxis,r=n.time,s=e.ticks(Math.floor(i.width/90));o.ticks&&(s=o.ticks);var a=i.height-o.tickpadding-o.labels.fontSize;t.beginPath(),s.forEach((function(n){var i=e(n);i&&(t.moveTo(i,a),t.lineTo(i,a-o.tickLength))})),t.lineWidth=1,t.strokeStyle=o.tickColor,t.stroke(),t.closePath(),t.beginPath(),t.moveTo(0,a-o.tickLength),t.lineTo(i.width,a-o.tickLength),t.lineWidth=1,t.strokeStyle=o.lineColor,t.stroke(),t.closePath(),t.textAlign="center",t.textBaseline="bottom",t.fillStyle=o.labels.color,t.font="".concat(o.labels.fontSize,"px Palantino"),s.forEach((function(n,a){var c="%H:%M";0!==n.getSeconds()&&(c="%H:%M:%S"),0===n.getHours()&&0===n.getMinutes()&&0===n.getSeconds()&&(c="%m-%d"),o.labels.timeFormat&&(c=o.labels.timeFormat);var l=n;if(r&&r.timezoneOffset){var h=n.getTimezoneOffset(),d=n.getTime()+60*h*1e3+60*r.timezoneOffset*1e3;l=new Date(d)}if(o.ticks&&o.ticks.length>1){var f=e(n);0===a?f+=c.length*o.labels.fontSize/4+1:a===s.length-1&&(f-=c.length*o.labels.fontSize/4-1),t.fillText(u.timeFormat(c)(l),f,i.height)}else e(n)&&t.fillText(u.timeFormat(c)(l),e(n),i.height)}))}},{key:"drawPlotLines",value:function(e){var t=this.ctx,n=this.options,i=n.chart,o=n.xAxis,r=n.xAxis.plotLines,s=i.height-o.tickpadding-o.labels.fontSize;Array.isArray(r)&&r.forEach((function(i){var r=e("X"===n.timestamp?1e3*i.value:i.value);t.setLineDash([5,3]),t.beginPath(),t.moveTo(r,0),t.lineTo(r,s-o.tickLength),t.strokeStyle=i.color,t.stroke(),t.setLineDash([])}))}}]),e}(),T=function(){function e(t,n){c()(this,e),this.options=void 0,this.ctx=void 0,this.tickLength=void 0,this.ticks=void 0,this.tickMaxWidth=void 0,this.options=t;var i=t.yAxis;n.font="".concat(i.labels.fontSize,"px Palantino"),this.ctx=n,this.tickLength=Math.floor(t.chart.height/50),this.ticks=[],this.tickMaxWidth=0}return h()(e,[{key:"init",value:function(){var e=this.options,t=e.chart,n=e.xAxis,i=u.scaleLinear().range([t.height-(n.labels.fontSize+n.tickpadding+n.tickLength),20]);return this.setDomain(i,this.options),i}},{key:"getRealData",value:function(e){var t=this.options,n=t.yAxis.plotLines,i=t.ykey,o=t.fillNull;return Array.isArray(e)?(Array.isArray(n)&&n.forEach((function(t){"number"==typeof t.value&&e.push(s()({},i,t.value))})),"number"==typeof o&&e.push(s()({},i,o)),e):[]}},{key:"getPlotLinesMaxAbs",value:function(){var e,t=this.options.yAxis.plotLines;return Array.isArray(t)&&t.forEach((function(t){(!e||Math.abs(e)<Math.abs(t.value))&&(e=t.value)})),e}},{key:"setDomain",value:function(e,t){var n=t.ymin,i=t.ymax,o=this.options.yAxis,r=this.getPlotLinesMaxAbs(),s=this.tickLength;if(n===i){var a=(i-n)/(this.tickLength-1),c=a/2||i||1;s=0===a?1:this.tickLength,n-=c,i+=c}if(n>i){var l=n;n=i,i=l}r&&(r<n&&(n=r),r>i&&(i=r)),e.domain([n,i]),e.nice(s);var h=e.ticks(s),u=function(e,t,n){var i=e.map((function(e){var i;return i="function"==typeof n?n(e):E(e),t.measureText(i).width}));return Object(d.max)(i)}(h,this.ctx,o.tickValueFormatter)+5;this.ticks=h,this.tickMaxWidth=u}},{key:"draw",value:function(e){var t=this,n=this.ctx,i=this.options,o=i.yAxis,r=i.chart;n.beginPath(),n.fillStyle="#fff",n.fillRect(0,0,this.tickMaxWidth,r.height),n.stroke(),n.closePath(),n.textAlign="right",n.textBaseline="middle",n.strokeStyle=o.labels.color,n.lineWidth=1,n.fillStyle=o.labels.color,this.ticks.forEach((function(i){var r;r="function"==typeof o.tickValueFormatter?o.tickValueFormatter(i):E(i);var s=e(i);n.fillText(r,t.tickMaxWidth-5,s)}))}},{key:"drawGridLine",value:function(e){var t=this.ctx,n=this.options,i=n.chart,o=n.yAxis;t.beginPath(),this.ticks.forEach((function(n){var o=e(n);t.moveTo(0,o),t.lineTo(i.width,o)})),t.strokeStyle=o.gridLineColor,t.stroke(),t.closePath()}},{key:"drawPlotLines",value:function(e){var t=this.ctx,n=this.options,i=n.chart,o=n.yAxis,r=n.yAxis.plotLines;Array.isArray(r)&&r.forEach((function(n){var r=e(n.value);t.setLineDash([5,3]),t.beginPath(),t.moveTo(0,r),t.lineTo(i.width,r),t.strokeStyle=n.color,t.stroke(),t.setLineDash([]),t.textAlign="right",t.textBaseline="top",t.shadowColor="#fff",t.shadowBlur=1,t.lineWidth=1,t.fillStyle=n.color,t.font="".concat(o.labels.fontSize,"px Palantino"),t.strokeText(String(n.value),i.width-10,r),t.fillText(String(n.value),i.width-10,r)}))}}]),e}(),M=n(8),N=n.n(M);function I(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function B(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?I(Object(n),!0).forEach((function(t){s()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var W=function(){function e(t,n,i,o){c()(this,e),this.options=void 0,this.ctx=void 0,this.flag=void 0,this.container=void 0,this.isMouserover=void 0,this.worker=void 0,this.options=t,this.ctx=n,this.flag=!1,this.container=i,this.init(i,o),this.isMouserover=!1,this.worker=new N.a}return h()(e,[{key:"init",value:function(e,t){var n=this.options.chart.id,i=document.createElement("div");i.id="".concat(n,"-tooltip"),i.className="ts-graph-tooltip",document.getElementById(i.id)||document.body.append(i)}},{key:"clear",value:function(){var e=this.options,t=e.ratio,n=e.chart,i=n.id,o=n.containerWidth,r=n.containerHeight,s=document.getElementById("".concat(i,"-tooltip"));this.isMouserover=!1,this.ctx.save(),this.ctx.setTransform(1*t,0,0,1*t,0,0),this.ctx.clearRect(0,0,o,r),this.ctx.restore(),s.style.top="-99999px",s.lastChild&&s.removeChild(s.lastChild)}},{key:"getNearestPoints",value:function(e,t,n,i){var o=this,r=this.options,s=r.series,a=void 0===s?[]:s,c=r.chart,l=c.id,h=c.colors,u=r.tooltip.shared,f=r.xkey,p=r.ykey,v=r.oykey,m=r.timestamp,y=r.fillNull,g=t.invert(e.offsetX),b=[],x={x:g,xkey:f,ykey:p,oykey:v,timestamp:m,fillNull:y};this.flag?(x.id=l,x.flag=this.flag,this.worker.postMessage(x)):(x.id=l,x.str=JSON.stringify(a),x.flag=this.flag,this.worker.postMessage(x),this.flag=!0),this.worker.onmessage=function(r){if(!1!==o.isMouserover){"[object Array]"===Object.prototype.toString.call(r.data)&&(b=r.data.map((function(e){return B(B({},e),{},{x:t(e.timestamp),y:n(e.value),color:e.color||j(h,e.serieIndex)})})));var s,a,c=Object(d.groupBy)(b,"x");if(Object(d.keys)(c).length>1){var l=Number.POSITIVE_INFINITY;for(var f in c)if(Object.prototype.hasOwnProperty.call(c,f)){var p=(s=e.offsetX,a=Number(f),Math.sqrt(Math.pow(a-s,2)));p<l&&(l=p,b=c[f])}}if(!u){var v=Number.POSITIVE_INFINITY;b.forEach((function(t){var n,i,o=(n={x:e.offsetX,y:e.offsetY},i=t,Math.sqrt(Math.pow(i.x-n.x,2)+Math.pow(i.y-n.y,2)));o<v&&(v=o,b=[t])}))}i(b)}}}},{key:"draw",value:function(e,t,n){var i=this,o=t.xScales,r=t.yScales,s=t.yAxis;this.isMouserover=!0,this.getNearestPoints(e,o,r,(function(t){if(i.clear(),t.length){if(t[0].x<s.tickMaxWidth)return;i.drawCrosshair(t[0].x),i.drawSymbol(t),i.drawModal(t,e)}n&&"[object Function]"===Object.prototype.toString.call(n)&&n(t)}))}},{key:"drawModal",value:function(e,t){var n=this.options,i=n.chart,r=i.id,s=i.renderTo,a=n.tooltip,c=n.time,l=n.notDisplayedSeries,h=s.offsetWidth,f=s.offsetHeight,p=document.getElementById("".concat(r,"-tooltip")),v=document.createElement("div"),m=e,y=((f=window.innerHeight/1.5)-18-100)/15,g=!1;if(a.sharedSortDirection&&(e=Object(d.orderBy)(e,(function(e){return e.value}),a.sharedSortDirection)),e.length>y&&(e=e.slice(0,y),g=!0),v.className="ts-graph-tooltip-content",p.appendChild(v),"[object Function]"===Object.prototype.toString.call(a.formatter))v.innerHTML=a.formatter(o()(e),o()(m));else{var b=e[0],x=document.createDocumentFragment(),_=document.createElement("ul"),w=document.createElement("li"),k=new Date(b.timestamp);if(c&&c.timezoneOffset){var O=k.getTimezoneOffset(),C=k.getTime()+60*O*1e3+60*c.timezoneOffset*1e3;k=new Date(C)}var S=document.createTextNode(u.timeFormat(a.timeFormat)(k));if(w.appendChild(S),w.style.color="#666",_.style.maxWidth="".concat(window.innerWidth/1.5,"px"),_.appendChild(w),x.appendChild(_),e.forEach((function(e){var t=e.color,n=e.name,i=e.origin,o=e.filledNull;if(!(l.indexOf(n)>-1)){var r=document.createElement("li");if(t){var s=document.createElement("span"),c=document.createTextNode("● ");s.style.color=t,s.appendChild(c),r.appendChild(s)}if(n){var h=document.createTextNode("".concat(n,": "));r.appendChild(h)}var f=i;if(Object(d.isNumber)(f)){var p,v=document.createElement("strong");if("function"==typeof a.pointValueformatter)p=a.pointValueformatter(f);else if("origin"===a.precision)p=f;else if("short"===a.precision){p=function(e){e:for(var t,n=e.length,i=1,o=-1;i<n;++i)switch(e[i]){case".":o=t=i;break;case"0":0===o&&(o=i),t=i;break;default:if(o>0){if(!+e[i])break e;o=0}}return o>0?e.slice(0,o)+e.slice(t+1):e}(u.format(".5s")(f))}else p=a.precision>0?u.format(",."+a.precision+"f")(f):u.format(",.3f")(f);p+=o?"(空值填补,仅限看图使用)":"";var m=document.createTextNode(p);v.appendChild(m),r.appendChild(v)}_.appendChild(r)}})),g){var j=document.createElement("li"),L=document.createTextNode("......");j.appendChild(L),_.appendChild(j)}v.appendChild(x)}var z=v.offsetWidth,E=v.offsetHeight,A=this.container.getBoundingClientRect(),P=t.layerX+A.left,T=t.layerY+A.top;p.style.left="".concat(P-z-20,"px"),p.style.top="".concat(T+20,"px"),P-z-20<0&&(p.style.left="".concat(P+20,"px"),P+20+z>h&&(p.style.left="0px")),T+20+E>f&&(p.style.top=T-E-20<0?"0px":"".concat(T-E-20,"px")),p.style.zIndex="9999",p.style.visibility="visible"}},{key:"drawSymbol",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=this.ctx,n=this.options;e.forEach((function(e){var i=e.x,o=e.y,r=e.color,s=e.name;n.notDisplayedSeries.indexOf(s)>-1||(t.beginPath(),t.arc(i,o,5,0,360,!1),t.lineWidth=1,t.fillStyle=r,t.fill(),t.beginPath(),t.arc(i,o,3,0,360,!1),t.lineWidth=1,t.fillStyle="white",t.fill())}))}},{key:"drawCrosshair",value:function(e){var t=this.ctx,n=this.options,i=n.chart,o=n.xAxis,r=i.height-o.tickpadding-o.labels.fontSize-o.tickLength;t.beginPath(),t.moveTo(e,0),t.lineTo(e,r),t.lineWidth=1,t.strokeStyle=o.lineColor,t.stroke()}},{key:"destroy",value:function(){var e=this.options.chart.id,t=document.getElementById("".concat(e,"-tooltip"));t&&t.parentNode&&t.parentNode.removeChild(t)}}]),e}(),D=function(){function e(t,n){c()(this,e),this.options=void 0,this.ctx=void 0,this.options=t,this.ctx=n}return h()(e,[{key:"draw",value:function(e,t){var n=this.options,i=n.series,o=n.chart,r=o.colors,s=o.height,a=n.xAxis,c=n.xkey,l=n.ykey,h=n.timestamp,f=n.fillNull,p=n.notDisplayedSeries,v=n.curve,m=this.options.line.width,y=this.options.area.opacity,g=this.ctx,b=function(t){var n="X"===h?1e3*t[c]:t[c];return e(new Date(n))},x=function(e){var n=e[l];return"number"==typeof n?t(n):"number"==typeof f?t(f):void 0},_=function(e){return"number"==typeof e[l]||"number"==typeof f};Object(d.sortBy)(i,"zIndex").forEach((function(e,t){if(!1!==e.visible&&!(p.indexOf(e.name)>-1)){var n=e.color||j(r,t);if(e.color=n,y>0){g.beginPath();var i=u.area().x(b).y0(s-a.tickpadding-a.labels.fontSize-5).y1(x).defined(_).context(g);v.enabled&&"smooth"===v.mode&&i.curve(u.curveMonotoneX),i(e.data||[]),g.fillStyle=n,g.globalAlpha=y,g.fill(),g.closePath()}if(m>0){g.beginPath();var o=u.line().x(b).y(x).defined(_).context(g);v.enabled&&"smooth"===v.mode&&o.curve(u.curveMonotoneX),g.lineTo(0,0),o(e.data||[]),g.lineJoin="round",g.lineWidth=m,g.strokeStyle=n,g.lineCap="round",g.globalAlpha=1,g.setLineDash(e.lineDash||[]),g.stroke(),g.closePath()}}}))}}]),e}(),R=function(){function e(t,n){c()(this,e),this.options=void 0,this.ctx=void 0,this.options=t,this.ctx=n}return h()(e,[{key:"draw",value:function(e,t,n){var i=this.options,o=i.series,r=i.chart,s=r.colors,a=r.height,c=r.width,l=i.xAxis,h=i.timestamp,f=i.xkey,p=i.ykey,v=i.notDisplayedSeries,m=this.ctx,y=this.options.area.opacity;Object(d.sortBy)(o,"zIndex").forEach((function(i,o){if(!1!==i.visible&&!(v.indexOf(i.name)>-1)){var r=i.color||j(s,o);i.color=r,m.fillStyle=r,m.globalAlpha=y;var d=u.scaleBand().domain(i.data.map((function(e){return"X"===h?1e3*e[f]:e[f]}))).range([0,c]).padding(.3),g=(null==n?void 0:n.k)||1;i.data.forEach((function(n){var i="X"===h?1e3*n[f]:n[f];m.fillRect(e(i)-d.bandwidth()*g/2,t(n[p]),d.bandwidth()*g,a-t(n[p])-l.tickpadding-l.labels.fontSize-5)})),m.globalAlpha=1}}))}}]),e}(),X=function(){function e(t,n,i,o){c()(this,e),this.options=void 0,this.reset=void 0,this.options=t,this.init(i,o),this.reset=n}return h()(e,[{key:"init",value:function(e,t){var n=this.options.chart,i=n.id,o=n.containerHeight,r=document.createElement("div"),s=document.createElement("div"),a=document.createElement("a"),c=document.createTextNode("Reset zoom");r.id="".concat(i,"-zoom"),r.className="ts-graph-zoom",s.id="".concat(i,"-zoom-marker"),s.className="ts-graph-zoom-marker",s.style.height="".concat(o,"px"),a.id="".concat(i,"-zoom-resetBtn"),a.className="ts-graph-zoom-resetBtn",a.appendChild(c),r.appendChild(s),r.appendChild(a),e.insertBefore(r,t),this.onReset()}},{key:"onReset",value:function(){var e=this,t=this.options.chart.id;document.getElementById("".concat(t,"-zoom-resetBtn")).addEventListener("click",(function(t){t.stopPropagation(),e.reset(),e.clearResetBtn()}))}},{key:"onZoom",value:function(e,t,n){var i=this.options.chart.width,o=t.offsetX-e.offsetX;if(o){var r=i/Math.abs(o),s=t.offsetX>e.offsetX?e.offsetX:t.offsetX,a=u.zoomIdentity.translate(-s*r,0).scale(r);this.drawResetBtn(),n(a)}}},{key:"clearMarker",value:function(){var e=this.options.chart.id,t=document.getElementById("".concat(e,"-zoom-marker"));t.style.display="none",t.style.width="0px",t.style.left="unset",t.style.right="unset"}},{key:"drawMarker",value:function(e,t){var n=this.options.chart.marginLeft,i=e.offsetX,o=t.offsetX,r=this.options.chart,s=r.id,a=r.containerWidth,c=document.getElementById("".concat(s,"-zoom-marker"));c.style.display="block",c.style.top="0px",i<o?(c.style.right="unset",c.style.left="".concat(i+n,"px"),c.style.width="".concat(o-i,"px")):(c.style.left="unset",c.style.right="".concat(a-i-n,"px"),c.style.width="".concat(i-o,"px"))}},{key:"clearResetBtn",value:function(){var e=this.options.chart.id;document.getElementById("".concat(e,"-zoom-resetBtn")).style.display="none"}},{key:"drawResetBtn",value:function(){var e=this.options.chart.id;document.getElementById("".concat(e,"-zoom-resetBtn")).style.display="block"}}]),e}(),F=function(){function e(t,n,i,o){var r=this;c()(this,e),this.options=void 0,this.onLegendItemClick=void 0,this.handelLegendItemClick=function(e){var t=e.currentTarget;if(t){t.classList.contains("ts-graph-legend-item-active")?t.classList.remove("ts-graph-legend-item-active"):t.classList.add("ts-graph-legend-item-active");var n=t.getAttribute("data-serie");n&&r.onLegendItemClick(n)}},this.options=t,this.init(i,o),this.onLegendItemClick=n}return h()(e,[{key:"init",value:function(e,t){var n=this.options.chart.id,i=document.createElement("div");i.id="".concat(n,"-legend"),i.className="ts-graph-legend",document.getElementById(i.id)||e.insertBefore(i,t)}},{key:"initEvent",value:function(){var e=this,t=this.options.chart.id;document.getElementById("".concat(t,"-legend")).querySelectorAll(".ts-graph-legend-item").forEach((function(t){t.removeEventListener("click",e.handelLegendItemClick),t.addEventListener("click",e.handelLegendItemClick)}))}},{key:"updateOptions",value:function(e){this.options=e}},{key:"draw",value:function(){var e=this.options,t=e.chart.id,n=e.series,i=e.legend,o=document.getElementById("".concat(t,"-legend"));if(i.enabled){if("[object Array]"===Object.prototype.toString.call(n)){o.innerHTML="";var r=document.createDocumentFragment();n.forEach((function(e){var t=document.createElement("span"),n=document.createElement("span"),i=document.createElement("span"),o=document.createElement("span"),s=document.createTextNode(e.name);t.className="ts-graph-legend-item",t.setAttribute("data-serie",e.name),n.className="ts-graph-legend-item-symbol",i.className="ts-graph-legend-item-symbol-line",i.style.borderColor=e.color,o.className="ts-graph-legend-item-symbol-point",o.style.backgroundColor=e.color,n.appendChild(i),n.appendChild(o),t.appendChild(n),t.appendChild(s),r.appendChild(t)})),o.appendChild(r)}this.initEvent()}}}]),e}();n(14);function H(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return Z(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Z(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var i=0,o=function(){};return{s:o,n:function(){return i>=e.length?{done:!0}:{done:!1,value:e[i++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,s=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return s=e.done,e},e:function(e){a=!0,r=e},f:function(){try{s||null==n.return||n.return()}finally{if(a)throw r}}}}function Z(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function q(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function U(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?q(Object(n),!0).forEach((function(t){s()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):q(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Y=new S.a,V=function(){function e(t){var n=this;c()(this,e),this.options=void 0,this.container=void 0,this.frontContext=void 0,this.backContext=void 0,this.eventCanvas=void 0,this.frontCanvas=void 0,this.backCanvas=void 0,this.xAxis=void 0,this.xScales=void 0,this.yAxis=void 0,this.yScales=void 0,this.line=void 0,this.bar=void 0,this.legend=void 0,this.tooltip=void 0,this.zoom=void 0,this.transform=void 0,this.showTooltip=function(e){n.tooltip.draw(e,n)},this.hideTooltip=function(){n.tooltip.clear()},this.getZoomedSeries=function(){var e=n.options,t=e.chart.renderTo,i=e.series,o=e.timestamp,r=e.xkey,s=t.offsetWidth;return i.map((function(e){if("[object Array]"===Object.prototype.toString.call(e.data)){var t=e.data.filter((function(e){var t="X"===o?1e3*e[r]:e[r],i=n.xScales(new Date(t));return i>=0&&i<=s}));return U(U({},e),{},{data:t})}return e}))},this.handleResize=function(){var e=n.options.chart,t=e.renderTo.offsetWidth,i=e.renderTo.offsetHeight;n.options.chart.width=t-e.marginLeft-e.marginRight,n.options.chart.height=i-e.marginTop-e.marginBottom,n.options.chart.containerWidth=t,n.options.chart.containerHeight=i,n.container.style.width="".concat(t,"px"),n.container.style.height="".concat(i,"px"),n.retinaScaled(n.backCanvas,"back"),n.retinaScaled(n.frontCanvas,"front"),n.retinaScaled(n.eventCanvas,"event"),n.initScales(),n.draw(!1)},this.handleZoom=function(e){var t=n.options,i=t.ykey,o=t.yAxis,r=t.ykeyFormatter,s=n.options.series;if(e?(n.transform=e,n.xScales=e.rescaleX(n.xScales),s=n.getZoomedSeries()):(n.transform=void 0,n.xScales=n.xAxis.init()),Array.isArray(s)){var a,c=o.min||-1/0,l=o.max||1/0,h=H(s);try{for(h.s();!(a=h.n()).done;){var u=a.value,d=Array.isArray(u.data)?u.data:[],f=void 0;for(f=0;f<d.length;f++){var p=A(d[f][i],r);null!==p&&(c<p&&(c=p),l>p&&(l=p))}}}catch(e){h.e(e)}finally{h.f()}n.yAxis.setDomain(n.yScales,{ymin:c,ymax:l})}n.draw(!1),n.options.onZoom(n.getZoomedSeries)},this.handleLegendItemClick=function(e){var t=n.options.notDisplayedSeries;-1===t.indexOf(e)?t.push(e):n.options.notDisplayedSeries=t.filter((function(t){return t!==e})),n.draw(!1)};var i={ratio:window.devicePixelRatio||1,xkey:0,ykey:1,oykey:"__originValue",timestamp:"x",chart:{id:Object(d.uniqueId)("ts-graph-"),colors:["#3399CC","#CC9933","#9966CC","#66CC66","#CC3333","#99CCCC","#CCCC66","#CC99CC","#99CC99","#CC6666","#336699","#996633","#993399","#339966","#993333"],width:t.chart.renderTo.offsetWidth,height:t.chart.renderTo.offsetHeight||350,marginTop:10,marginRight:10,marginBottom:10,marginLeft:10},xAxis:{visible:!0,lineColor:"#ccc",lineWidth:1,tickLength:5,tickpadding:5,tickColor:"#ccc",labels:{color:"#999",fontSize:11}},yAxis:{visible:!0,lineColor:"#ccc",lineWidth:1,tickLength:5,tickpadding:5,tickColor:"#ccc",gridLineColor:"#efefef",labels:{color:"#999",fontSize:11}},type:"line",line:{enable:!0,width:2},area:{opacity:0},bars:{},stack:{enabled:!1},curve:{enabled:!1},tooltip:{shared:!0,cascade:!1,cascadeScope:void 0,timeFormat:"%Y-%m-%d %H:%M:%S"},series:[],legend:{align:"center",verticalAlign:"top",enabled:!1},fillNull:void 0,onClick:function(){},onZoom:function(){}},o=Object(d.merge)({},i,t);void 0===t.chart.marginTop&&o.legend.enabled&&(o.chart.marginTop=20),this.handleResize=Object(d.debounce)(this.handleResize,300),this.init(o)}return h()(e,[{key:"init",value:function(e){var t=e.chart;this.options=e,this.options.notDisplayedSeries=[],this.options.chart.containerWidth=t.width,this.options.chart.containerHeight=t.height,this.options.chart.width=t.width-t.marginLeft-t.marginRight,this.options.chart.height=t.height-t.marginTop-t.marginBottom,this.createContainer(),this.createCanvas(),this.initSeries(),this.initScales(),this.initEvent(),"line"===this.options.type&&this.initLine(),"bar"===this.options.type&&this.initBar(),this.initLegend(),this.initTooltip(),this.initZoom(),this.draw()}},{key:"clearRect",value:function(e){var t=this.options.chart,n=t.containerWidth,i=t.containerHeight;e.clearRect(0,0,n,i)}},{key:"draw",value:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.transform;this.clearRect(this.backContext),this.options.xAxis.visible&&this.yAxis.drawGridLine(this.yScales),"line"===this.options.type&&this.line.draw(this.xScales,this.yScales),"bar"===this.options.type&&this.bar.draw(this.xScales,this.yScales,t),this.options.xAxis.visible&&this.xAxis.draw(this.xScales),this.xAxis.drawPlotLines(this.xScales),this.yAxis.drawPlotLines(this.yScales),this.options.yAxis.visible&&this.yAxis.draw(this.yScales),e&&this.legend.draw()}},{key:"update",value:function(e){var t=Object(d.assign)({},this.options,e);e.series&&(t.series=e.series),this.options=t,this.offEvents(),this.initSeries(),this.initScales(),this.initEvent(),"line"===this.options.type&&this.initLine(),"bar"===this.options.type&&this.initBar(),this.initTooltip(),this.legend.updateOptions(t),this.draw()}},{key:"getSeries",value:function(){return o()(this.options.series)}},{key:"initEvent",value:function(){var e,t=this.options.tooltip,n=t.cascade,i=t.cascadeScope,o=i?"plotmove:".concat(i):"plotmove",r=i?"plotleave:".concat(i):"plotleave",s=!1,a={},c={},l=!1,h=this,f=Object(d.debounce)((function(e){l&&(h.tooltip.draw(e,h),s&&h.zoom.drawMarker(a,e))}),10),p=Object(d.throttle)((function(){h.tooltip.clear()}),10);u.select(this.eventCanvas).on("mousemove",(function(){l=!0,f(u.event),n&&Y.emit(o,u.event)})).on("mouseleave",(function(){e=u.event,l=!1,p(),n&&Y.emit(r)})).on("mousedown",(function(){s=!0,a=u.event})).on("mouseup",(function(){u.event.stopPropagation();var e=u.event;a&&a.offsetX!==e.offsetX?(h.zoom.clearMarker(),h.zoom.onZoom(a,e,(function(e){h.handleZoom(e)}))):h.options.onClick(u.event,h.xScales.invert(u.event.offsetX)),s=!1,a={}})).on("touchstart",(function(){u.event.touches.length>1&&(s=!0)})).on("touchmove",(function(){var e=z(h.eventCanvas,u.event);1===u.event.touches.length&&h.tooltip.draw(e,h),s&&(a=e,c=z(h.eventCanvas,u.event,1),h.zoom.drawMarker(a,c))})).on("touchend",(function(){l=!1,p(),a&&a.offsetX!==c.offsetX?(h.zoom.clearMarker(),h.zoom.onZoom(a,c,(function(e){h.handleZoom(e)}))):h.options.onClick(u.event,h.xScales.invert(u.event.offsetX)),s=!1,a={},c={}})),n&&(Y.on(o,this.showTooltip),Y.on(r,this.hideTooltip)),window.addEventListener("mouseup",(function(){if(!Object(d.isEmpty)(a)){var t=e;s=!1,h.zoom.clearMarker(),h.zoom.onZoom(a,t,(function(e){h.handleZoom(e)})),a={}}})),x(this.options.chart.renderTo,this.handleResize)}},{key:"retinaScaled",value:function(e,t){var n=this.options,i=n.chart,o=n.ratio,r=e.getContext("2d"),s="front"===t?i.containerWidth:i.width,a="front"===t?i.containerHeight:i.height,c="front"===t?"0px":"".concat(i.marginLeft,"px"),l="front"===t?"0px":"".concat(i.marginTop,"px");e.width=s*o,e.height=a*o,e.style.width="".concat(s,"px"),e.style.height="".concat(a,"px"),e.style.position="absolute",e.style.left=c,e.style.top=l,"front"===t&&r.translate(i.marginLeft*o,i.marginTop*o),r.scale(o,o)}},{key:"createContainer",value:function(){var e=this.options.chart,t=document.createElement("div");t.style.position="relative",t.style.width="".concat(e.containerWidth,"px"),t.style.height="".concat(e.containerHeight,"px"),t.style.overflow="hidden",t.className="d3-graph-container",e.renderTo.appendChild(t),this.container=t}},{key:"createCanvas",value:function(){var e=this.options.chart.id;function t(t){var n=document.createElement("canvas"),i=n.getContext("2d");n.setAttribute("id","".concat(e,"-").concat(t,"Canvas")),this.container.appendChild(n),this["".concat(t,"Canvas")]=n,this["".concat(t,"Context")]=i,this.retinaScaled(n,t)}t.call(this,"back"),t.call(this,"front"),t.call(this,"event")}},{key:"initSeries",value:function(){var e=this.options,t=e.fillNull,n=e.series,i=e.xkey,o=e.ykey,r=e.ykeyFormatter,a=e.oykey,c=e.yAxis,l=e.stack,h=-1/0,u=1/0,f=c.min,p=c.max;if(Array.isArray(n)){var v=[];n.forEach((function(e,c){var m,y=Array.isArray(e.data)?e.data:[],g=[],b=!1,x=function(){var e,v=(e={},s()(e,i,y[m][i]),s()(e,o,A(y[m][o],r)),e);if(l.enabled){void 0===v[a]&&(v[a]=A(v[o],r));var x=c;if(x>0)for(;x>0;){var _=Array.isArray(n[x-1].data)?n[x-1].data:[],w=Object(d.find)(_,(function(e){return e[i]===v[i]}));if(w){v[o]=A(w[o],r)+v[a];break}1===x&&(v[o]=v[a]),x--}else v[o]=v[a]}else v[o]=v[a]?v[a]:A(v[o],r);y[m]=v;var k=v[i],O=v[o];void 0===t?0===m||m===y.length-1||m>0&&m<y.length-1&&"number"==typeof O?(g.push(v),b=!0):b&&(g.push(v),b=!1):g.push(v),h<k&&(h=k),u>k&&(u=k),"number"==typeof O?(("number"!=typeof f||O<f)&&(f=O),("number"!=typeof p||O>p)&&(p=O)):"number"==typeof t&&(t<f&&(f=t),t>p&&(p=t))};for(m=0;m<y.length;m++)x();v.push(U(U({},e),{},{data:g,zIndex:l.enabled?n.length-c:c}))})),this.options.series=v,this.options.xmin=h,this.options.xmax=u,this.options.ymin=f,this.options.ymax=p}}},{key:"initLine",value:function(){this.line=new D(this.options,this.backContext)}},{key:"initBar",value:function(){this.bar=new R(this.options,this.backContext)}},{key:"initTooltip",value:function(){this.tooltip=new W(this.options,this.frontContext,this.container,this.eventCanvas)}},{key:"initZoom",value:function(){this.zoom=new X(this.options,this.handleZoom,this.container,this.eventCanvas)}},{key:"initLegend",value:function(){this.legend=new F(this.options,this.handleLegendItemClick,this.container,this.eventCanvas)}},{key:"initScales",value:function(){var e=new T(this.options,this.backContext);this.yAxis=e,this.yScales=e.init();var t=new P(this.options,this.backContext,this.yAxis);this.xAxis=t;var n=t.init();this.transform&&(n=this.transform.rescaleX(n)),this.xScales=n}},{key:"offEvents",value:function(){var e=this.options.tooltip,t=e.cascade,n=e.cascadeScope,i=n?"plotmove:".concat(n):"plotmove",o=n?"plotleave:".concat(n):"plotleave";u.select(this.eventCanvas).on("mousemove",null).on("mouseleave",null).on("mousedown",null).on("mouseup",null).on("touchmove",null),function(e,t){let n=e.__resize_listeners__;if(n){if(t&&n.splice(n.indexOf(t),1),!n.length||!t){if(e.detachEvent&&e.removeEventListener)return e.detachEvent("onresize",e.__resize_legacy_resize_handler__),void document.removeEventListener("DOMSubtreeModified",e.__resize_mutation_handler__);e.__resize_observer__?(e.__resize_observer__.unobserve(e),e.__resize_observer__.disconnect(),e.__resize_observer__=null):(e.__resize_mutation_observer__&&(e.__resize_mutation_observer__.disconnect(),e.__resize_mutation_observer__=null),e.removeEventListener("scroll",w),e.removeChild(e.__resize_triggers__.triggers),e.__resize_triggers__=null),e.__resize_listeners__=null}!--g&&b&&b.parentNode.removeChild(b)}}(this.options.chart.renderTo,this.handleResize),t&&(Y.off(i,this.showTooltip),Y.off(o,this.hideTooltip))}},{key:"destroy",value:function(){this.tooltip.destroy(),this.offEvents(),u.select(this.container).remove()}}]),e}()}])}));
1
+ !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("d3"),require("lodash"));else if("function"==typeof define&&define.amd)define([,],t);else{var n="object"==typeof exports?t(require("d3"),require("lodash")):t(e.d3,e._);for(var i in n)("object"==typeof exports?exports:e)[i]=n[i]}}(window,(function(e,t){return function(e){var t={};function n(i){if(t[i])return t[i].exports;var o=t[i]={i:i,l:!1,exports:{}};return e[i].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(i,o,function(t){return e[t]}.bind(null,o));return i},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=15)}([function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t){e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},e.exports.__esModule=!0,e.exports.default=e.exports},function(e,t){function n(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}e.exports=function(e,t,i){return t&&n(e.prototype,t),i&&n(e,i),Object.defineProperty(e,"prototype",{writable:!1}),e},e.exports.__esModule=!0,e.exports.default=e.exports},function(e,t){e.exports=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e},e.exports.__esModule=!0,e.exports.default=e.exports},function(e,t,n){var i=n(9),o=n(10),r=n(11),s=n(12);e.exports=function(e){return i(e)||o(e)||r(e)||s()},e.exports.__esModule=!0,e.exports.default=e.exports},function(e,t){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i},e.exports.__esModule=!0,e.exports.default=e.exports},function(e,t,n){"use strict";var i,o="object"==typeof Reflect?Reflect:null,r=o&&"function"==typeof o.apply?o.apply:function(e,t,n){return Function.prototype.apply.call(e,t,n)};i=o&&"function"==typeof o.ownKeys?o.ownKeys:Object.getOwnPropertySymbols?function(e){return Object.getOwnPropertyNames(e).concat(Object.getOwnPropertySymbols(e))}:function(e){return Object.getOwnPropertyNames(e)};var s=Number.isNaN||function(e){return e!=e};function a(){a.init.call(this)}e.exports=a,e.exports.once=function(e,t){return new Promise((function(n,i){function o(n){e.removeListener(t,r),i(n)}function r(){"function"==typeof e.removeListener&&e.removeListener("error",o),n([].slice.call(arguments))}y(e,t,r,{once:!0}),"error"!==t&&function(e,t,n){"function"==typeof e.on&&y(e,"error",t,n)}(e,o,{once:!0})}))},a.EventEmitter=a,a.prototype._events=void 0,a.prototype._eventsCount=0,a.prototype._maxListeners=void 0;var c=10;function l(e){if("function"!=typeof e)throw new TypeError('The "listener" argument must be of type Function. Received type '+typeof e)}function h(e){return void 0===e._maxListeners?a.defaultMaxListeners:e._maxListeners}function u(e,t,n,i){var o,r,s,a;if(l(n),void 0===(r=e._events)?(r=e._events=Object.create(null),e._eventsCount=0):(void 0!==r.newListener&&(e.emit("newListener",t,n.listener?n.listener:n),r=e._events),s=r[t]),void 0===s)s=r[t]=n,++e._eventsCount;else if("function"==typeof s?s=r[t]=i?[n,s]:[s,n]:i?s.unshift(n):s.push(n),(o=h(e))>0&&s.length>o&&!s.warned){s.warned=!0;var c=new Error("Possible EventEmitter memory leak detected. "+s.length+" "+String(t)+" listeners added. Use emitter.setMaxListeners() to increase limit");c.name="MaxListenersExceededWarning",c.emitter=e,c.type=t,c.count=s.length,a=c,console&&console.warn&&console.warn(a)}return e}function d(){if(!this.fired)return this.target.removeListener(this.type,this.wrapFn),this.fired=!0,0===arguments.length?this.listener.call(this.target):this.listener.apply(this.target,arguments)}function f(e,t,n){var i={fired:!1,wrapFn:void 0,target:e,type:t,listener:n},o=d.bind(i);return o.listener=n,i.wrapFn=o,o}function p(e,t,n){var i=e._events;if(void 0===i)return[];var o=i[t];return void 0===o?[]:"function"==typeof o?n?[o.listener||o]:[o]:n?function(e){for(var t=new Array(e.length),n=0;n<t.length;++n)t[n]=e[n].listener||e[n];return t}(o):m(o,o.length)}function v(e){var t=this._events;if(void 0!==t){var n=t[e];if("function"==typeof n)return 1;if(void 0!==n)return n.length}return 0}function m(e,t){for(var n=new Array(t),i=0;i<t;++i)n[i]=e[i];return n}function y(e,t,n,i){if("function"==typeof e.on)i.once?e.once(t,n):e.on(t,n);else{if("function"!=typeof e.addEventListener)throw new TypeError('The "emitter" argument must be of type EventEmitter. Received type '+typeof e);e.addEventListener(t,(function o(r){i.once&&e.removeEventListener(t,o),n(r)}))}}Object.defineProperty(a,"defaultMaxListeners",{enumerable:!0,get:function(){return c},set:function(e){if("number"!=typeof e||e<0||s(e))throw new RangeError('The value of "defaultMaxListeners" is out of range. It must be a non-negative number. Received '+e+".");c=e}}),a.init=function(){void 0!==this._events&&this._events!==Object.getPrototypeOf(this)._events||(this._events=Object.create(null),this._eventsCount=0),this._maxListeners=this._maxListeners||void 0},a.prototype.setMaxListeners=function(e){if("number"!=typeof e||e<0||s(e))throw new RangeError('The value of "n" is out of range. It must be a non-negative number. Received '+e+".");return this._maxListeners=e,this},a.prototype.getMaxListeners=function(){return h(this)},a.prototype.emit=function(e){for(var t=[],n=1;n<arguments.length;n++)t.push(arguments[n]);var i="error"===e,o=this._events;if(void 0!==o)i=i&&void 0===o.error;else if(!i)return!1;if(i){var s;if(t.length>0&&(s=t[0]),s instanceof Error)throw s;var a=new Error("Unhandled error."+(s?" ("+s.message+")":""));throw a.context=s,a}var c=o[e];if(void 0===c)return!1;if("function"==typeof c)r(c,this,t);else{var l=c.length,h=m(c,l);for(n=0;n<l;++n)r(h[n],this,t)}return!0},a.prototype.addListener=function(e,t){return u(this,e,t,!1)},a.prototype.on=a.prototype.addListener,a.prototype.prependListener=function(e,t){return u(this,e,t,!0)},a.prototype.once=function(e,t){return l(t),this.on(e,f(this,e,t)),this},a.prototype.prependOnceListener=function(e,t){return l(t),this.prependListener(e,f(this,e,t)),this},a.prototype.removeListener=function(e,t){var n,i,o,r,s;if(l(t),void 0===(i=this._events))return this;if(void 0===(n=i[e]))return this;if(n===t||n.listener===t)0==--this._eventsCount?this._events=Object.create(null):(delete i[e],i.removeListener&&this.emit("removeListener",e,n.listener||t));else if("function"!=typeof n){for(o=-1,r=n.length-1;r>=0;r--)if(n[r]===t||n[r].listener===t){s=n[r].listener,o=r;break}if(o<0)return this;0===o?n.shift():function(e,t){for(;t+1<e.length;t++)e[t]=e[t+1];e.pop()}(n,o),1===n.length&&(i[e]=n[0]),void 0!==i.removeListener&&this.emit("removeListener",e,s||t)}return this},a.prototype.off=a.prototype.removeListener,a.prototype.removeAllListeners=function(e){var t,n,i;if(void 0===(n=this._events))return this;if(void 0===n.removeListener)return 0===arguments.length?(this._events=Object.create(null),this._eventsCount=0):void 0!==n[e]&&(0==--this._eventsCount?this._events=Object.create(null):delete n[e]),this;if(0===arguments.length){var o,r=Object.keys(n);for(i=0;i<r.length;++i)"removeListener"!==(o=r[i])&&this.removeAllListeners(o);return this.removeAllListeners("removeListener"),this._events=Object.create(null),this._eventsCount=0,this}if("function"==typeof(t=n[e]))this.removeListener(e,t);else if(void 0!==t)for(i=t.length-1;i>=0;i--)this.removeListener(e,t[i]);return this},a.prototype.listeners=function(e){return p(this,e,!0)},a.prototype.rawListeners=function(e){return p(this,e,!1)},a.listenerCount=function(e,t){return"function"==typeof e.listenerCount?e.listenerCount(t):v.call(e,t)},a.prototype.listenerCount=v,a.prototype.eventNames=function(){return this._eventsCount>0?i(this._events):[]}},function(e,t,n){e.exports=function(){return n(13)('!function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=1)}([function(e,t){e.exports=function(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e},e.exports.__esModule=!0,e.exports.default=e.exports},function(e,t,r){"use strict";r.r(t);var n=r(0),o=r.n(n);function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?i(Object(r),!0).forEach((function(t){o()(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function u(e,t){return"X"===t?1e3*e:e}function a(e){var t,r=e.series,n=e.x,o=e.xkey,i=e.ykey,a=e.oykey,c=e.timestamp,f=e.fillNull,s=(t=function(e,t){return(r=u(e[o],c))<(n=t)?-1:r>n?1:r>=n?0:NaN;var r,n},{left:function(e,r,n,o){for(null==n&&(n=0),null==o&&(o=e.length);n<o;){var i=n+o>>>1;t(e[i],r)<0?n=i+1:o=i}return n},right:function(e,r,n,o){for(null==n&&(n=0),null==o&&(o=e.length);n<o;){var i=n+o>>>1;t(e[i],r)>0?o=i:n=i+1}return n}}).left,p=new Date(n).getTime(),y=[];return"[object Array]"!==Object.prototype.toString.call(r)?[]:(r.forEach((function(e,t){if(!1!==e.visible){var r=e.name,b=e.color,d=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&"[object Function]"===Object.prototype.toString.call(t)&&t(n)&&(r[n]=e[n]);return r}(e,(function(e){return"data"!==e})),v=e.data,O=void 0===v?[]:v;if("[object Array]"===Object.prototype.toString.call(O)&&0!==(O=O.filter((function(e){return"number"==typeof e[i]||"number"==typeof f}))).length){var m,g=s(O,n),j=O[g-1],x=O[g];if(j&&x){var P=u(j[o],c),h=u(x[o],c),S=j[i],k=x[i];null===S&&void 0!==f&&(S=f),null===k&&void 0!==f&&(k=f),m=p-P<h-p?l(l({},j),{},{name:r,color:b,timestamp:P,value:S,origin:j[a],serieIndex:t,serieOptions:d}):l(l({},x),{},{name:r,color:b,timestamp:h,value:k,origin:x[a],serieIndex:t,serieOptions:d}),y.push(m)}else if(j){var w=u(j[o],c),_=j[i];null===_&&void 0!==f&&(_=f),m=l(l({},j),{},{name:r,color:b,timestamp:w,value:_,origin:j[a],serieIndex:t,serieOptions:d}),y.push(m)}else if(x){var M=u(x[o],c),N=x[i];null===N&&void 0!==f&&(N=f),m=l(l({},x),{},{name:r,color:b,timestamp:M,value:N,origin:x[a],serieIndex:t,serieOptions:d}),y.push(m)}}}})),y)}var c={},f={},s=self;s.addEventListener("message",(function(e){var t=e.data;t.id&&(c[t.id]&&t.flag||(c[t.id]=t.str,f[t.id]=JSON.parse(t.str)));var r=a({x:t.x,xkey:t.xkey,ykey:t.ykey,oykey:t.oykey,timestamp:t.timestamp,series:f[t.id],fillNull:t.fillNull});s.postMessage(r)}));t.default=s}]);\n//# sourceMappingURL=2e9a3033fbe5cd5906c2.worker.js.map',n.p+"2e9a3033fbe5cd5906c2.worker.js")}},function(e,t,n){var i=n(6);e.exports=function(e){if(Array.isArray(e))return i(e)},e.exports.__esModule=!0,e.exports.default=e.exports},function(e,t){e.exports=function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)},e.exports.__esModule=!0,e.exports.default=e.exports},function(e,t,n){var i=n(6);e.exports=function(e,t){if(e){if("string"==typeof e)return i(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(e,t):void 0}},e.exports.__esModule=!0,e.exports.default=e.exports},function(e,t){e.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},e.exports.__esModule=!0,e.exports.default=e.exports},function(e,t,n){"use strict";var i=window.URL||window.webkitURL;e.exports=function(e,t){try{try{var n;try{(n=new(window.BlobBuilder||window.WebKitBlobBuilder||window.MozBlobBuilder||window.MSBlobBuilder)).append(e),n=n.getBlob()}catch(t){n=new Blob([e])}return new Worker(i.createObjectURL(n))}catch(t){return new Worker("data:application/javascript,"+encodeURIComponent(e))}}catch(e){if(!t)throw Error("Inline worker is not supported");return new Worker(t)}}},function(e,t,n){},function(e,t,n){"use strict";n.r(t),n.d(t,"default",(function(){return V}));var i=n(5),o=n.n(i),r=n(4),s=n.n(r),a=n(2),c=n.n(a),l=n(3),h=n.n(l),u=n(0),d=n(1);let f=null;let p=null;function v(e,t={}){let n=document.createElement(e);return Object.keys(t).forEach(e=>{n[e]=t[e]}),n}function m(e,t,n){return(window.getComputedStyle(e,n||null)||{display:"none"})[t]}function y(e){if(!document.documentElement.contains(e))return{detached:!0,rendered:!1};let t=e;for(;t!==document;){if("none"===m(t,"display"))return{detached:!1,rendered:!1};t=t.parentNode}return{detached:!1,rendered:!0}}let g=0,b=null;function x(e,t){if(e.__resize_mutation_handler__||(e.__resize_mutation_handler__=_.bind(e)),!e.__resize_listeners__)if(e.__resize_listeners__=[],window.ResizeObserver){let{offsetWidth:t,offsetHeight:n}=e,i=new ResizeObserver(()=>{(e.__resize_observer_triggered__||(e.__resize_observer_triggered__=!0,e.offsetWidth!==t||e.offsetHeight!==n))&&k(e)}),{detached:o,rendered:r}=y(e);e.__resize_observer_triggered__=!1===o&&!1===r,e.__resize_observer__=i,i.observe(e)}else if(e.attachEvent&&e.addEventListener)e.__resize_legacy_resize_handler__=function(){k(e)},e.attachEvent("onresize",e.__resize_legacy_resize_handler__),document.addEventListener("DOMSubtreeModified",e.__resize_mutation_handler__);else if(g||(b=function(e){var t=document.createElement("style");return t.type="text/css",t.styleSheet?t.styleSheet.cssText=e:t.appendChild(document.createTextNode(e)),(document.querySelector("head")||document.body).appendChild(t),t}('.resize-triggers{visibility:hidden;opacity:0;pointer-events:none}.resize-contract-trigger,.resize-contract-trigger:before,.resize-expand-trigger,.resize-triggers{content:"";position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden}.resize-contract-trigger,.resize-expand-trigger{background:#eee;overflow:auto}.resize-contract-trigger:before{width:200%;height:200%}')),function(e){let t=m(e,"position");t&&"static"!==t||(e.style.position="relative");e.__resize_old_position__=t,e.__resize_last__={};let n=v("div",{className:"resize-triggers"}),i=v("div",{className:"resize-expand-trigger"}),o=v("div"),r=v("div",{className:"resize-contract-trigger"});i.appendChild(o),n.appendChild(i),n.appendChild(r),e.appendChild(n),e.__resize_triggers__={triggers:n,expand:i,expandChild:o,contract:r},O(e),e.addEventListener("scroll",w,!0),e.__resize_last__={width:e.offsetWidth,height:e.offsetHeight}}(e),e.__resize_rendered__=y(e).rendered,window.MutationObserver){let t=new MutationObserver(e.__resize_mutation_handler__);t.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0}),e.__resize_mutation_observer__=t}e.__resize_listeners__.push(t),g++}function _(){let{rendered:e,detached:t}=y(this);e!==this.__resize_rendered__&&(!t&&this.__resize_triggers__&&(O(this),this.addEventListener("scroll",w,!0)),this.__resize_rendered__=e,k(this))}function w(){var e,t;O(this),this.__resize_raf__&&(e=this.__resize_raf__,p||(p=(window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||function(e){clearTimeout(e)}).bind(window)),p(e)),this.__resize_raf__=(t=()=>{let e=function(e){let{width:t,height:n}=e.__resize_last__,{offsetWidth:i,offsetHeight:o}=e;return i!==t||o!==n?{width:i,height:o}:null}(this);e&&(this.__resize_last__=e,k(this))},f||(f=(window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||function(e){return setTimeout(e,16)}).bind(window)),f(t))}function k(e){e&&e.__resize_listeners__&&e.__resize_listeners__.forEach(t=>{t.call(e,e)})}function O(e){let{expand:t,expandChild:n,contract:i}=e.__resize_triggers__,{scrollWidth:o,scrollHeight:r}=i,{offsetWidth:s,offsetHeight:a,scrollWidth:c,scrollHeight:l}=t;i.scrollLeft=o,i.scrollTop=r,n.style.width=s+1+"px",n.style.height=a+1+"px",t.scrollLeft=c,t.scrollTop=l}var C=n(7),S=n.n(C);function j(e,t){var n=e.length;return t<n?e[t]:j(e,t-n)}function L(e,t){return"X"===t?1e3*e:e}function z(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,i=e.getBoundingClientRect(),o=t.touches[n].clientX,r=t.touches[n].clientY,s=o-i.left,a=r-i.top;return{offsetX:s,offsetY:a,clientX:o,clientY:r}}function E(e){var t=String(e);if(e>=1e3){t=u.format(".5s")(e);var n=/[kMGTPEZY]$/;if(n.test(t)){var i=t[t.length-1];t=t.replace(n,""),t=parseFloat(t)+i}}return t}function A(e,t){var n=e;return"function"==typeof t&&(n=t(e)),n}var P=function(){function e(t,n,i){c()(this,e),this.options=void 0,this.ctx=void 0,this.yAxis=void 0,this.options=t,this.ctx=n,this.yAxis=i}return h()(e,[{key:"init",value:function(){var e=this.options,t=e.chart.width,n=e.timestamp,i=e.xmin,o=e.xmax,r=u.scaleTime().range([this.yAxis.tickMaxWidth,t]);return r.domain([L(o,n)+(i===o?1e3:0),L(i,n)-(i===o?1e3:0)]),r}},{key:"draw",value:function(e){var t=this.ctx,n=this.options,i=n.chart,o=n.xAxis,r=n.time,s=e.ticks(Math.floor(i.width/90));o.ticks&&(s=o.ticks);var a=i.height-o.tickpadding-o.labels.fontSize;t.beginPath(),s.forEach((function(n){var i=e(n);i&&(t.moveTo(i,a),t.lineTo(i,a-o.tickLength))})),t.lineWidth=1,t.strokeStyle=o.tickColor,t.stroke(),t.closePath(),t.beginPath(),t.moveTo(0,a-o.tickLength),t.lineTo(i.width,a-o.tickLength),t.lineWidth=1,t.strokeStyle=o.lineColor,t.stroke(),t.closePath(),t.textAlign="center",t.textBaseline="bottom",t.fillStyle=o.labels.color,t.font="".concat(o.labels.fontSize,"px Palantino"),s.forEach((function(n,a){var c="%H:%M";0!==n.getSeconds()&&(c="%H:%M:%S"),0===n.getHours()&&0===n.getMinutes()&&0===n.getSeconds()&&(c="%m-%d"),o.labels.timeFormat&&(c=o.labels.timeFormat);var l=n;if(r&&r.timezoneOffset){var h=n.getTimezoneOffset(),d=n.getTime()+60*h*1e3+60*r.timezoneOffset*1e3;l=new Date(d)}if(o.ticks&&o.ticks.length>1){var f=e(n);0===a?f+=c.length*o.labels.fontSize/4+1:a===s.length-1&&(f-=c.length*o.labels.fontSize/4-1),t.fillText(u.timeFormat(c)(l),f,i.height)}else e(n)&&t.fillText(u.timeFormat(c)(l),e(n),i.height)}))}},{key:"drawPlotLines",value:function(e){var t=this.ctx,n=this.options,i=n.chart,o=n.xAxis,r=n.xAxis.plotLines,s=i.height-o.tickpadding-o.labels.fontSize;Array.isArray(r)&&r.forEach((function(i){var r=e("X"===n.timestamp?1e3*i.value:i.value);t.setLineDash([5,3]),t.beginPath(),t.moveTo(r,0),t.lineTo(r,s-o.tickLength),t.strokeStyle=i.color,t.stroke(),t.setLineDash([])}))}}]),e}(),T=function(){function e(t,n){c()(this,e),this.options=void 0,this.ctx=void 0,this.tickLength=void 0,this.ticks=void 0,this.tickMaxWidth=void 0,this.options=t;var i=t.yAxis;n.font="".concat(i.labels.fontSize,"px Palantino"),this.ctx=n,this.tickLength=Math.floor(t.chart.height/50),this.ticks=[],this.tickMaxWidth=0}return h()(e,[{key:"init",value:function(){var e=this.options,t=e.chart,n=e.xAxis,i=u.scaleLinear().range([t.height-(n.labels.fontSize+n.tickpadding+n.tickLength),20]);return this.setDomain(i,this.options),i}},{key:"getRealData",value:function(e){var t=this.options,n=t.yAxis.plotLines,i=t.ykey,o=t.fillNull;return Array.isArray(e)?(Array.isArray(n)&&n.forEach((function(t){"number"==typeof t.value&&e.push(s()({},i,t.value))})),"number"==typeof o&&e.push(s()({},i,o)),e):[]}},{key:"getPlotLinesMaxAbs",value:function(){var e,t=this.options.yAxis.plotLines;return Array.isArray(t)&&t.forEach((function(t){(!e||Math.abs(e)<Math.abs(t.value))&&(e=t.value)})),e}},{key:"setDomain",value:function(e,t){var n=t.ymin,i=t.ymax,o=this.options.yAxis,r=this.getPlotLinesMaxAbs(),s=this.tickLength;if(n===i){var a=(i-n)/(this.tickLength-1),c=a/2||i||1;s=0===a?1:this.tickLength,n-=c,i+=c}if(n>i){var l=n;n=i,i=l}r&&(r<n&&(n=r),r>i&&(i=r)),e.domain([n,i]),e.nice(s);var h=e.ticks(s),u=function(e,t,n){var i=e.map((function(e){var i;return i="function"==typeof n?n(e):E(e),t.measureText(i).width}));return Object(d.max)(i)}(h,this.ctx,o.tickValueFormatter)+5;this.ticks=h,this.tickMaxWidth=u}},{key:"draw",value:function(e){var t=this,n=this.ctx,i=this.options,o=i.yAxis,r=i.chart;n.beginPath(),n.fillStyle="#fff",n.fillRect(0,0,this.tickMaxWidth,r.height),n.stroke(),n.closePath(),n.textAlign="right",n.textBaseline="middle",n.strokeStyle=o.labels.color,n.lineWidth=1,n.fillStyle=o.labels.color,this.ticks.forEach((function(i){var r;r="function"==typeof o.tickValueFormatter?o.tickValueFormatter(i):E(i);var s=e(i);n.fillText(r,t.tickMaxWidth-5,s)}))}},{key:"drawGridLine",value:function(e){var t=this.ctx,n=this.options,i=n.chart,o=n.yAxis;t.beginPath(),this.ticks.forEach((function(n){var o=e(n);t.moveTo(0,o),t.lineTo(i.width,o)})),t.strokeStyle=o.gridLineColor,t.stroke(),t.closePath()}},{key:"drawPlotLines",value:function(e){var t=this.ctx,n=this.options,i=n.chart,o=n.yAxis,r=n.yAxis.plotLines;Array.isArray(r)&&r.forEach((function(n){var r=e(n.value);t.setLineDash([5,3]),t.beginPath(),t.moveTo(0,r),t.lineTo(i.width,r),t.strokeStyle=n.color,t.stroke(),t.setLineDash([]),t.textAlign="right",t.textBaseline="top",t.shadowColor="#fff",t.shadowBlur=1,t.lineWidth=1,t.fillStyle=n.color,t.font="".concat(o.labels.fontSize,"px Palantino"),t.strokeText(String(n.value),i.width-10,r),t.fillText(String(n.value),i.width-10,r)}))}}]),e}(),M=n(8),N=n.n(M);function I(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function B(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?I(Object(n),!0).forEach((function(t){s()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var W=function(){function e(t,n,i,o){c()(this,e),this.options=void 0,this.ctx=void 0,this.flag=void 0,this.container=void 0,this.isMouserover=void 0,this.worker=void 0,this.options=t,this.ctx=n,this.flag=!1,this.container=i,this.init(i,o),this.isMouserover=!1,this.worker=new N.a}return h()(e,[{key:"init",value:function(e,t){var n=this.options.chart.id,i=document.createElement("div");i.id="".concat(n,"-tooltip"),i.className="ts-graph-tooltip",document.getElementById(i.id)||document.body.append(i)}},{key:"clear",value:function(){var e=this.options,t=e.ratio,n=e.chart,i=n.id,o=n.containerWidth,r=n.containerHeight,s=document.getElementById("".concat(i,"-tooltip"));this.isMouserover=!1,this.ctx.save(),this.ctx.setTransform(1*t,0,0,1*t,0,0),this.ctx.clearRect(0,0,o,r),this.ctx.restore(),s.style.top="-99999px",s.lastChild&&s.removeChild(s.lastChild)}},{key:"getNearestPoints",value:function(e,t,n,i){var o=this,r=this.options,s=r.series,a=void 0===s?[]:s,c=r.chart,l=c.id,h=c.colors,u=r.tooltip.shared,f=r.xkey,p=r.ykey,v=r.oykey,m=r.timestamp,y=r.fillNull,g=t.invert(e.offsetX),b=[],x={x:g,xkey:f,ykey:p,oykey:v,timestamp:m,fillNull:y};this.flag?(x.id=l,x.flag=this.flag,this.worker.postMessage(x)):(x.id=l,x.str=JSON.stringify(a),x.flag=this.flag,this.worker.postMessage(x),this.flag=!0),this.worker.onmessage=function(r){if(!1!==o.isMouserover){"[object Array]"===Object.prototype.toString.call(r.data)&&(b=r.data.map((function(e){return B(B({},e),{},{x:t(e.timestamp),y:n(e.value),color:e.color||j(h,e.serieIndex)})})));var s,a,c=Object(d.groupBy)(b,"x");if(Object(d.keys)(c).length>1){var l=Number.POSITIVE_INFINITY;for(var f in c)if(Object.prototype.hasOwnProperty.call(c,f)){var p=(s=e.offsetX,a=Number(f),Math.sqrt(Math.pow(a-s,2)));p<l&&(l=p,b=c[f])}}if(!u){var v=Number.POSITIVE_INFINITY;b.forEach((function(t){var n,i,o=(n={x:e.offsetX,y:e.offsetY},i=t,Math.sqrt(Math.pow(i.x-n.x,2)+Math.pow(i.y-n.y,2)));o<v&&(v=o,b=[t])}))}i(b)}}}},{key:"draw",value:function(e,t,n){var i=this,o=t.xScales,r=t.yScales,s=t.yAxis;this.isMouserover=!0,this.getNearestPoints(e,o,r,(function(t){if(i.clear(),t.length){if(t[0].x<s.tickMaxWidth)return;i.drawCrosshair(t[0].x),i.drawSymbol(t),i.drawModal(t,e)}n&&"[object Function]"===Object.prototype.toString.call(n)&&n(t)}))}},{key:"drawModal",value:function(e,t){var n=this.options,i=n.chart,r=i.id,s=i.renderTo,a=n.tooltip,c=n.time,l=n.notDisplayedSeries,h=s.offsetWidth,f=s.offsetHeight,p=document.getElementById("".concat(r,"-tooltip")),v=document.createElement("div"),m=e,y=((f=window.innerHeight/1.5)-18-100)/15,g=!1;if(a.sharedSortDirection&&(e=Object(d.orderBy)(e,(function(e){return e.value}),a.sharedSortDirection)),e.length>y&&(e=e.slice(0,y),g=!0),v.className="ts-graph-tooltip-content",p.appendChild(v),"[object Function]"===Object.prototype.toString.call(a.formatter))v.innerHTML=a.formatter(o()(e),o()(m));else{var b=e[0],x=document.createDocumentFragment(),_=document.createElement("ul"),w=document.createElement("li"),k=new Date(b.timestamp);if(c&&c.timezoneOffset){var O=k.getTimezoneOffset(),C=k.getTime()+60*O*1e3+60*c.timezoneOffset*1e3;k=new Date(C)}var S=document.createTextNode(u.timeFormat(a.timeFormat)(k));if(w.appendChild(S),w.style.color="#666",_.style.maxWidth="".concat(window.innerWidth/1.5,"px"),_.appendChild(w),x.appendChild(_),e.forEach((function(e){var t=e.color,n=e.name,i=e.origin,o=e.filledNull;if(!(l.indexOf(n)>-1)){var r=document.createElement("li");if(t){var s=document.createElement("span"),c=document.createTextNode("● ");s.style.color=t,s.appendChild(c),r.appendChild(s)}if(n){var h=document.createTextNode("".concat(n,": "));r.appendChild(h)}var f=i;if(Object(d.isNumber)(f)){var p,v=document.createElement("strong");if("function"==typeof a.pointValueformatter)p=a.pointValueformatter(f);else if("origin"===a.precision)p=f;else if("short"===a.precision){p=function(e){e:for(var t,n=e.length,i=1,o=-1;i<n;++i)switch(e[i]){case".":o=t=i;break;case"0":0===o&&(o=i),t=i;break;default:if(o>0){if(!+e[i])break e;o=0}}return o>0?e.slice(0,o)+e.slice(t+1):e}(u.format(".5s")(f))}else p=a.precision>0?u.format(",."+a.precision+"f")(f):u.format(",.3f")(f);p+=o?"(空值填补,仅限看图使用)":"";var m=document.createTextNode(p);v.appendChild(m),r.appendChild(v)}_.appendChild(r)}})),g){var j=document.createElement("li"),L=document.createTextNode("......");j.appendChild(L),_.appendChild(j)}v.appendChild(x)}var z=v.offsetWidth,E=v.offsetHeight,A=this.container.getBoundingClientRect(),P=t.layerX+A.left,T=t.layerY+A.top;p.style.left="".concat(P-z-20,"px"),p.style.top="".concat(T+20,"px"),P-z-20<0&&(p.style.left="".concat(P+20,"px"),P+20+z>h&&(p.style.left="0px")),T+20+E>f&&(p.style.top=T-E-20<0?"0px":"".concat(T-E-20,"px")),p.style.zIndex="9999",p.style.visibility="visible"}},{key:"drawSymbol",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=this.ctx,n=this.options;e.forEach((function(e){var i=e.x,o=e.y,r=e.color,s=e.name;n.notDisplayedSeries.indexOf(s)>-1||(t.beginPath(),t.arc(i,o,5,0,360,!1),t.lineWidth=1,t.fillStyle=r,t.fill(),t.beginPath(),t.arc(i,o,3,0,360,!1),t.lineWidth=1,t.fillStyle="white",t.fill())}))}},{key:"drawCrosshair",value:function(e){var t=this.ctx,n=this.options,i=n.chart,o=n.xAxis,r=i.height-o.tickpadding-o.labels.fontSize-o.tickLength;t.beginPath(),t.moveTo(e,0),t.lineTo(e,r),t.lineWidth=1,t.strokeStyle=o.lineColor,t.stroke()}},{key:"destroy",value:function(){var e=this.options.chart.id,t=document.getElementById("".concat(e,"-tooltip"));t&&t.parentNode&&t.parentNode.removeChild(t)}}]),e}(),D=function(){function e(t,n){c()(this,e),this.options=void 0,this.ctx=void 0,this.options=t,this.ctx=n}return h()(e,[{key:"draw",value:function(e,t){var n=this.options,i=n.series,o=n.chart,r=o.colors,s=o.height,a=n.xAxis,c=n.xkey,l=n.ykey,h=n.timestamp,f=n.fillNull,p=n.notDisplayedSeries,v=n.curve,m=this.options.line.width,y=this.options.area.opacity,g=this.ctx,b=function(t){var n="X"===h?1e3*t[c]:t[c];return e(new Date(n))},x=function(e){var n=e[l];return"number"!=typeof n||isNaN(n)?"number"==typeof f?t(f):void 0:t(n)},_=function(e){return"number"==typeof e[l]||"number"==typeof f};Object(d.sortBy)(i,"zIndex").forEach((function(e,t){if(!1!==e.visible&&!(p.indexOf(e.name)>-1)){var n=e.color||j(r,t);if(e.color=n,y>0){g.beginPath();var i=u.area().x(b).y0(s-a.tickpadding-a.labels.fontSize-5).y1(x).defined(_).context(g);v.enabled&&"smooth"===v.mode&&i.curve(u.curveMonotoneX),i(e.data||[]),g.fillStyle=n,g.globalAlpha=y,g.fill(),g.closePath()}if(m>0){g.beginPath();var o=u.line().x(b).y(x).defined(_).context(g);v.enabled&&"smooth"===v.mode&&o.curve(u.curveMonotoneX),g.lineTo(0,0),o(e.data||[]),g.lineJoin="round",g.lineWidth=m,g.strokeStyle=n,g.lineCap="round",g.globalAlpha=1,g.setLineDash(e.lineDash||[]),g.stroke(),g.closePath()}}}))}}]),e}(),R=function(){function e(t,n){c()(this,e),this.options=void 0,this.ctx=void 0,this.options=t,this.ctx=n}return h()(e,[{key:"draw",value:function(e,t,n){var i=this.options,o=i.series,r=i.chart,s=r.colors,a=r.height,c=r.width,l=i.xAxis,h=i.timestamp,f=i.xkey,p=i.ykey,v=i.notDisplayedSeries,m=this.ctx,y=this.options.area.opacity;Object(d.sortBy)(o,"zIndex").forEach((function(i,o){if(!1!==i.visible&&!(v.indexOf(i.name)>-1)){var r=i.color||j(s,o);i.color=r,m.fillStyle=r,m.globalAlpha=y;var d=u.scaleBand().domain(i.data.map((function(e){return"X"===h?1e3*e[f]:e[f]}))).range([0,c]).padding(.3),g=(null==n?void 0:n.k)||1;i.data.forEach((function(n){var i="X"===h?1e3*n[f]:n[f];m.fillRect(e(i)-d.bandwidth()*g/2,t(n[p]),d.bandwidth()*g,a-t(n[p])-l.tickpadding-l.labels.fontSize-5)})),m.globalAlpha=1}}))}}]),e}(),X=function(){function e(t,n,i,o){c()(this,e),this.options=void 0,this.reset=void 0,this.options=t,this.init(i,o),this.reset=n}return h()(e,[{key:"init",value:function(e,t){var n=this.options.chart,i=n.id,o=n.containerHeight,r=document.createElement("div"),s=document.createElement("div"),a=document.createElement("a"),c=document.createTextNode("Reset zoom");r.id="".concat(i,"-zoom"),r.className="ts-graph-zoom",s.id="".concat(i,"-zoom-marker"),s.className="ts-graph-zoom-marker",s.style.height="".concat(o,"px"),a.id="".concat(i,"-zoom-resetBtn"),a.className="ts-graph-zoom-resetBtn",a.appendChild(c),r.appendChild(s),r.appendChild(a),e.insertBefore(r,t),this.onReset()}},{key:"onReset",value:function(){var e=this,t=this.options.chart.id;document.getElementById("".concat(t,"-zoom-resetBtn")).addEventListener("click",(function(t){t.stopPropagation(),e.reset(),e.clearResetBtn()}))}},{key:"onZoom",value:function(e,t,n){var i=this.options.chart.width,o=t.offsetX-e.offsetX;if(o){var r=i/Math.abs(o),s=t.offsetX>e.offsetX?e.offsetX:t.offsetX,a=u.zoomIdentity.translate(-s*r,0).scale(r);this.drawResetBtn(),n(a)}}},{key:"clearMarker",value:function(){var e=this.options.chart.id,t=document.getElementById("".concat(e,"-zoom-marker"));t.style.display="none",t.style.width="0px",t.style.left="unset",t.style.right="unset"}},{key:"drawMarker",value:function(e,t){var n=this.options.chart.marginLeft,i=e.offsetX,o=t.offsetX,r=this.options.chart,s=r.id,a=r.containerWidth,c=document.getElementById("".concat(s,"-zoom-marker"));c.style.display="block",c.style.top="0px",i<o?(c.style.right="unset",c.style.left="".concat(i+n,"px"),c.style.width="".concat(o-i,"px")):(c.style.left="unset",c.style.right="".concat(a-i-n,"px"),c.style.width="".concat(i-o,"px"))}},{key:"clearResetBtn",value:function(){var e=this.options.chart.id;document.getElementById("".concat(e,"-zoom-resetBtn")).style.display="none"}},{key:"drawResetBtn",value:function(){var e=this.options.chart.id;document.getElementById("".concat(e,"-zoom-resetBtn")).style.display="block"}}]),e}(),F=function(){function e(t,n,i,o){var r=this;c()(this,e),this.options=void 0,this.onLegendItemClick=void 0,this.handelLegendItemClick=function(e){var t=e.currentTarget;if(t){t.classList.contains("ts-graph-legend-item-active")?t.classList.remove("ts-graph-legend-item-active"):t.classList.add("ts-graph-legend-item-active");var n=t.getAttribute("data-serie");n&&r.onLegendItemClick(n)}},this.options=t,this.init(i,o),this.onLegendItemClick=n}return h()(e,[{key:"init",value:function(e,t){var n=this.options.chart.id,i=document.createElement("div");i.id="".concat(n,"-legend"),i.className="ts-graph-legend",document.getElementById(i.id)||e.insertBefore(i,t)}},{key:"initEvent",value:function(){var e=this,t=this.options.chart.id;document.getElementById("".concat(t,"-legend")).querySelectorAll(".ts-graph-legend-item").forEach((function(t){t.removeEventListener("click",e.handelLegendItemClick),t.addEventListener("click",e.handelLegendItemClick)}))}},{key:"updateOptions",value:function(e){this.options=e}},{key:"draw",value:function(){var e=this.options,t=e.chart.id,n=e.series,i=e.legend,o=document.getElementById("".concat(t,"-legend"));if(i.enabled){if("[object Array]"===Object.prototype.toString.call(n)){o.innerHTML="";var r=document.createDocumentFragment();n.forEach((function(e){var t=document.createElement("span"),n=document.createElement("span"),i=document.createElement("span"),o=document.createElement("span"),s=document.createTextNode(e.name);t.className="ts-graph-legend-item",t.setAttribute("data-serie",e.name),n.className="ts-graph-legend-item-symbol",i.className="ts-graph-legend-item-symbol-line",i.style.borderColor=e.color,o.className="ts-graph-legend-item-symbol-point",o.style.backgroundColor=e.color,n.appendChild(i),n.appendChild(o),t.appendChild(n),t.appendChild(s),r.appendChild(t)})),o.appendChild(r)}this.initEvent()}}}]),e}();n(14);function H(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return Z(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Z(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var i=0,o=function(){};return{s:o,n:function(){return i>=e.length?{done:!0}:{done:!1,value:e[i++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,s=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return s=e.done,e},e:function(e){a=!0,r=e},f:function(){try{s||null==n.return||n.return()}finally{if(a)throw r}}}}function Z(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function q(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function U(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?q(Object(n),!0).forEach((function(t){s()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):q(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Y=new S.a,V=function(){function e(t){var n=this;c()(this,e),this.options=void 0,this.container=void 0,this.frontContext=void 0,this.backContext=void 0,this.eventCanvas=void 0,this.frontCanvas=void 0,this.backCanvas=void 0,this.xAxis=void 0,this.xScales=void 0,this.yAxis=void 0,this.yScales=void 0,this.line=void 0,this.bar=void 0,this.legend=void 0,this.tooltip=void 0,this.zoom=void 0,this.transform=void 0,this.showTooltip=function(e){n.tooltip.draw(e,n)},this.hideTooltip=function(){n.tooltip.clear()},this.getZoomedSeries=function(){var e=n.options,t=e.chart.renderTo,i=e.series,o=e.timestamp,r=e.xkey,s=t.offsetWidth;return i.map((function(e){if("[object Array]"===Object.prototype.toString.call(e.data)){var t=e.data.filter((function(e){var t="X"===o?1e3*e[r]:e[r],i=n.xScales(new Date(t));return i>=0&&i<=s}));return U(U({},e),{},{data:t})}return e}))},this.handleResize=function(){var e=n.options.chart,t=e.renderTo.offsetWidth,i=e.renderTo.offsetHeight;n.options.chart.width=t-e.marginLeft-e.marginRight,n.options.chart.height=i-e.marginTop-e.marginBottom,n.options.chart.containerWidth=t,n.options.chart.containerHeight=i,n.container.style.width="".concat(t,"px"),n.container.style.height="".concat(i,"px"),n.retinaScaled(n.backCanvas,"back"),n.retinaScaled(n.frontCanvas,"front"),n.retinaScaled(n.eventCanvas,"event"),n.initScales(),n.draw(!1)},this.handleZoom=function(e){var t=n.options,i=t.ykey,o=t.yAxis,r=t.ykeyFormatter,s=n.options.series;if(e?(n.transform=e,n.xScales=e.rescaleX(n.xScales),s=n.getZoomedSeries()):(n.transform=void 0,n.xScales=n.xAxis.init()),Array.isArray(s)){var a,c=o.min||-1/0,l=o.max||1/0,h=H(s);try{for(h.s();!(a=h.n()).done;){var u=a.value,d=Array.isArray(u.data)?u.data:[],f=void 0;for(f=0;f<d.length;f++){var p=A(d[f][i],r);null!==p&&(c<p&&(c=p),l>p&&(l=p))}}}catch(e){h.e(e)}finally{h.f()}n.yAxis.setDomain(n.yScales,{ymin:c,ymax:l})}n.draw(!1),n.options.onZoom(n.getZoomedSeries)},this.handleLegendItemClick=function(e){var t=n.options.notDisplayedSeries;-1===t.indexOf(e)?t.push(e):n.options.notDisplayedSeries=t.filter((function(t){return t!==e})),n.draw(!1)};var i={ratio:window.devicePixelRatio||1,xkey:0,ykey:1,oykey:"__originValue",timestamp:"x",chart:{id:Object(d.uniqueId)("ts-graph-"),colors:["#3399CC","#CC9933","#9966CC","#66CC66","#CC3333","#99CCCC","#CCCC66","#CC99CC","#99CC99","#CC6666","#336699","#996633","#993399","#339966","#993333"],width:t.chart.renderTo.offsetWidth,height:t.chart.renderTo.offsetHeight||350,marginTop:10,marginRight:10,marginBottom:10,marginLeft:10},xAxis:{visible:!0,lineColor:"#ccc",lineWidth:1,tickLength:5,tickpadding:5,tickColor:"#ccc",labels:{color:"#999",fontSize:11}},yAxis:{visible:!0,lineColor:"#ccc",lineWidth:1,tickLength:5,tickpadding:5,tickColor:"#ccc",gridLineColor:"#efefef",labels:{color:"#999",fontSize:11}},type:"line",line:{enable:!0,width:2},area:{opacity:0},bars:{},stack:{enabled:!1},curve:{enabled:!1},tooltip:{shared:!0,cascade:!1,cascadeScope:void 0,timeFormat:"%Y-%m-%d %H:%M:%S"},series:[],legend:{align:"center",verticalAlign:"top",enabled:!1},fillNull:void 0,onClick:function(){},onZoom:function(){}},o=Object(d.merge)({},i,t);void 0===t.chart.marginTop&&o.legend.enabled&&(o.chart.marginTop=20),this.handleResize=Object(d.debounce)(this.handleResize,300),this.init(o)}return h()(e,[{key:"init",value:function(e){var t=e.chart;this.options=e,this.options.notDisplayedSeries=[],this.options.chart.containerWidth=t.width,this.options.chart.containerHeight=t.height,this.options.chart.width=t.width-t.marginLeft-t.marginRight,this.options.chart.height=t.height-t.marginTop-t.marginBottom,this.createContainer(),this.createCanvas(),this.initSeries(),this.initScales(),this.initEvent(),"line"===this.options.type&&this.initLine(),"bar"===this.options.type&&this.initBar(),this.initLegend(),this.initTooltip(),this.initZoom(),this.draw()}},{key:"clearRect",value:function(e){var t=this.options.chart,n=t.containerWidth,i=t.containerHeight;e.clearRect(0,0,n,i)}},{key:"draw",value:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.transform;this.clearRect(this.backContext),this.options.xAxis.visible&&this.yAxis.drawGridLine(this.yScales),"line"===this.options.type&&this.line.draw(this.xScales,this.yScales),"bar"===this.options.type&&this.bar.draw(this.xScales,this.yScales,t),this.options.xAxis.visible&&this.xAxis.draw(this.xScales),this.xAxis.drawPlotLines(this.xScales),this.yAxis.drawPlotLines(this.yScales),this.options.yAxis.visible&&this.yAxis.draw(this.yScales),e&&this.legend.draw()}},{key:"update",value:function(e){var t=Object(d.assign)({},this.options,e);e.series&&(t.series=e.series),this.options=t,this.offEvents(),this.initSeries(),this.initScales(),this.initEvent(),"line"===this.options.type&&this.initLine(),"bar"===this.options.type&&this.initBar(),this.initTooltip(),this.legend.updateOptions(t),this.draw()}},{key:"getSeries",value:function(){return o()(this.options.series)}},{key:"initEvent",value:function(){var e,t=this.options.tooltip,n=t.cascade,i=t.cascadeScope,o=i?"plotmove:".concat(i):"plotmove",r=i?"plotleave:".concat(i):"plotleave",s=!1,a={},c={},l=!1,h=this,f=Object(d.debounce)((function(e){l&&(h.tooltip.draw(e,h),s&&h.zoom.drawMarker(a,e))}),10),p=Object(d.throttle)((function(){h.tooltip.clear()}),10);u.select(this.eventCanvas).on("mousemove",(function(){l=!0,f(u.event),n&&Y.emit(o,u.event)})).on("mouseleave",(function(){e=u.event,l=!1,p(),n&&Y.emit(r)})).on("mousedown",(function(){s=!0,a=u.event})).on("mouseup",(function(){u.event.stopPropagation();var e=u.event;a&&a.offsetX!==e.offsetX?(h.zoom.clearMarker(),h.zoom.onZoom(a,e,(function(e){h.handleZoom(e)}))):h.options.onClick(u.event,h.xScales.invert(u.event.offsetX)),s=!1,a={}})).on("touchstart",(function(){u.event.touches.length>1&&(s=!0)})).on("touchmove",(function(){var e=z(h.eventCanvas,u.event);1===u.event.touches.length&&h.tooltip.draw(e,h),s&&(a=e,c=z(h.eventCanvas,u.event,1),h.zoom.drawMarker(a,c))})).on("touchend",(function(){l=!1,p(),a&&a.offsetX!==c.offsetX?(h.zoom.clearMarker(),h.zoom.onZoom(a,c,(function(e){h.handleZoom(e)}))):h.options.onClick(u.event,h.xScales.invert(u.event.offsetX)),s=!1,a={},c={}})),n&&(Y.on(o,this.showTooltip),Y.on(r,this.hideTooltip)),window.addEventListener("mouseup",(function(){if(!Object(d.isEmpty)(a)){var t=e;s=!1,h.zoom.clearMarker(),h.zoom.onZoom(a,t,(function(e){h.handleZoom(e)})),a={}}})),x(this.options.chart.renderTo,this.handleResize)}},{key:"retinaScaled",value:function(e,t){var n=this.options,i=n.chart,o=n.ratio,r=e.getContext("2d"),s="front"===t?i.containerWidth:i.width,a="front"===t?i.containerHeight:i.height,c="front"===t?"0px":"".concat(i.marginLeft,"px"),l="front"===t?"0px":"".concat(i.marginTop,"px");e.width=s*o,e.height=a*o,e.style.width="".concat(s,"px"),e.style.height="".concat(a,"px"),e.style.position="absolute",e.style.left=c,e.style.top=l,"front"===t&&r.translate(i.marginLeft*o,i.marginTop*o),r.scale(o,o)}},{key:"createContainer",value:function(){var e=this.options.chart,t=document.createElement("div");t.style.position="relative",t.style.width="".concat(e.containerWidth,"px"),t.style.height="".concat(e.containerHeight,"px"),t.style.overflow="hidden",t.className="d3-graph-container",e.renderTo.appendChild(t),this.container=t}},{key:"createCanvas",value:function(){var e=this.options.chart.id;function t(t){var n=document.createElement("canvas"),i=n.getContext("2d");n.setAttribute("id","".concat(e,"-").concat(t,"Canvas")),this.container.appendChild(n),this["".concat(t,"Canvas")]=n,this["".concat(t,"Context")]=i,this.retinaScaled(n,t)}t.call(this,"back"),t.call(this,"front"),t.call(this,"event")}},{key:"initSeries",value:function(){var e=this.options,t=e.fillNull,n=e.series,i=e.xkey,o=e.ykey,r=e.ykeyFormatter,a=e.oykey,c=e.yAxis,l=e.stack,h=-1/0,u=1/0,f=c.min,p=c.max;if(Array.isArray(n)){var v=[];n.forEach((function(e,c){var m,y=Array.isArray(e.data)?e.data:[],g=[],b=!1,x=function(){var e,v=y[m][a]?y[m][a]:A(y[m][o],r),x=(e={},s()(e,i,y[m][i]),s()(e,o,v),s()(e,a,v),e);if(l.enabled){void 0===x[a]&&(x[a]=A(x[o],r));var _=c;if(_>0)for(;_>0;){var w=Array.isArray(n[_-1].data)?n[_-1].data:[],k=Object(d.find)(w,(function(e){return e[i]===x[i]}));if(k){var O=isNaN(x[a])?0:x[a],C=A(k[o],r);C=isNaN(C)?0:C,x[o]=C+O;break}1===_&&(x[o]=x[a]),_--}else x[o]=x[a]}y[m]=x;var S=x[i],j=x[o];void 0===t?0===m||m===y.length-1||m>0&&m<y.length-1&&"number"==typeof j&&!isNaN(j)?(g.push(x),b=!0):b&&(g.push(x),b=!1):g.push(x),h<S&&(h=S),u>S&&(u=S),"number"!=typeof j||isNaN(j)?"number"==typeof t&&(t<f&&(f=t),t>p&&(p=t)):(("number"!=typeof f||j<f)&&(f=j),("number"!=typeof p||j>p)&&(p=j))};for(m=0;m<y.length;m++)x();v.push(U(U({},e),{},{data:g,zIndex:l.enabled?n.length-c:c}))})),this.options.series=v,this.options.xmin=h,this.options.xmax=u,this.options.ymin=f,this.options.ymax=p}}},{key:"initLine",value:function(){this.line=new D(this.options,this.backContext)}},{key:"initBar",value:function(){this.bar=new R(this.options,this.backContext)}},{key:"initTooltip",value:function(){this.tooltip=new W(this.options,this.frontContext,this.container,this.eventCanvas)}},{key:"initZoom",value:function(){this.zoom=new X(this.options,this.handleZoom,this.container,this.eventCanvas)}},{key:"initLegend",value:function(){this.legend=new F(this.options,this.handleLegendItemClick,this.container,this.eventCanvas)}},{key:"initScales",value:function(){var e=new T(this.options,this.backContext);this.yAxis=e,this.yScales=e.init();var t=new P(this.options,this.backContext,this.yAxis);this.xAxis=t;var n=t.init();this.transform&&(n=this.transform.rescaleX(n)),this.xScales=n}},{key:"offEvents",value:function(){var e=this.options.tooltip,t=e.cascade,n=e.cascadeScope,i=n?"plotmove:".concat(n):"plotmove",o=n?"plotleave:".concat(n):"plotleave";u.select(this.eventCanvas).on("mousemove",null).on("mouseleave",null).on("mousedown",null).on("mouseup",null).on("touchmove",null),function(e,t){let n=e.__resize_listeners__;if(n){if(t&&n.splice(n.indexOf(t),1),!n.length||!t){if(e.detachEvent&&e.removeEventListener)return e.detachEvent("onresize",e.__resize_legacy_resize_handler__),void document.removeEventListener("DOMSubtreeModified",e.__resize_mutation_handler__);e.__resize_observer__?(e.__resize_observer__.unobserve(e),e.__resize_observer__.disconnect(),e.__resize_observer__=null):(e.__resize_mutation_observer__&&(e.__resize_mutation_observer__.disconnect(),e.__resize_mutation_observer__=null),e.removeEventListener("scroll",w),e.removeChild(e.__resize_triggers__.triggers),e.__resize_triggers__=null),e.__resize_listeners__=null}!--g&&b&&b.parentNode.removeChild(b)}}(this.options.chart.renderTo,this.handleResize),t&&(Y.off(i,this.showTooltip),Y.off(o,this.hideTooltip))}},{key:"destroy",value:function(){this.tooltip.destroy(),this.offEvents(),u.select(this.container).remove()}}]),e}()}])}));
2
2
  //# sourceMappingURL=index.js.map
package/examples/index.js CHANGED
@@ -1,13 +1,69 @@
1
- import _, { random } from 'lodash';
2
- import TsGraph from '../src/index';
3
- import '../assets/style.less';
1
+ import _, { random } from "lodash";
2
+ import TsGraph from "../src/index";
3
+ import "../assets/style.less";
4
+
5
+ const res = {
6
+ status: "success",
7
+ data: {
8
+ resultType: "matrix",
9
+ result: [
10
+ {
11
+ metric: {
12
+ agent_hostname: "tt-fc-es01.nj",
13
+ device: "sr0",
14
+ ident: "tt-fc-es01.nj",
15
+ instance: "tt-fc-es01.nj:12345",
16
+ job: "integrations/node_exporter",
17
+ },
18
+ values: [
19
+ [1648002540, "NaN"],
20
+ [1648002840, "NaN"],
21
+ [1648003140, "NaN"],
22
+ [1648003440, "NaN"],
23
+ [1648003740, "NaN"],
24
+ [1648004040, "NaN"],
25
+ [1648004340, "NaN"],
26
+ [1648004640, "NaN"],
27
+ [1648004940, "NaN"],
28
+ [1648005240, "NaN"],
29
+ [1648005540, "NaN"],
30
+ [1648005840, "NaN"],
31
+ [1648006140, "NaN"],
32
+ ],
33
+ },
34
+ {
35
+ metric: {
36
+ agent_hostname: "tt-fc-es01.nj",
37
+ device: "vda",
38
+ ident: "tt-fc-es01.nj",
39
+ instance: "tt-fc-es01.nj:12345",
40
+ job: "integrations/node_exporter",
41
+ },
42
+ values: [
43
+ [1648002540, "19781.725452993072"],
44
+ [1648002840, "30980.664578491796"],
45
+ [1648003140, "25463.13280884542"],
46
+ [1648003440, "19938.965991870245"],
47
+ [1648003740, "34978.36491512317"],
48
+ [1648004040, "20305.432380952385"],
49
+ [1648004340, "30135.82955513892"],
50
+ [1648004640, "22742.63235947377"],
51
+ [1648004940, "16223.754869774568"],
52
+ [1648005240, "24852.223879188296"],
53
+ [1648005540, "20130.49902110072"],
54
+ [1648005840, "28751.39570760561"],
55
+ [1648006140, "31323.01352869792"],
56
+ ],
57
+ },
58
+ ],
59
+ },
60
+ };
4
61
 
5
- const res = {"status":"success","data":{"resultType":"matrix","result":[{"metric":{"__name__":"cpu_usage_idle","cpu":"cpu-total","ident":"tt-fc-dev01.nj"},"values":[[1646880114.280,"92.76499"],[1646880128.280,"93.71053"],[1646880142.280,"95.53256"],[1646880156.280,"94.11913"],[1646880170.280,"95.89007"],[1646880184.280,"95.89007"],[1646880198.280,"95.89007"],[1646880212.280,"95.89007"],[1646880226.280,"95.89007"],[1646880240.280,"95.89007"],[1646880254.280,"95.89007"],[1646880268.280,"95.89007"],[1646880282.280,"95.89007"]]},{"metric":{"__name__":"cpu_usage_idle","cpu":"cpu-total","ident":"tt-fc-dev01.nj","region":"tencent"},"values":[[1646880184.280,"94.49078"],[1646880198.280,"93.9616"],[1646880212.280,"94.29437"],[1646880226.280,"94.52573"],[1646880240.280,"92.14845"],[1646880254.280,"80.84301"],[1646880268.280,"95.78708"],[1646880282.280,"93.61111"],[1646880296.280,"95.4534"],[1646880310.280,"93.83683"],[1646880324.280,"94.88407"],[1646880338.280,"94.54958"],[1646880352.280,"95.91322"],[1646880366.280,"94.11616"],[1646880380.280,"95.7114"],[1646880394.280,"94.80847"],[1646880408.280,"93.65521"],[1646880422.280,"94.33628"],[1646880436.280,"92.99266"],[1646880450.280,"94.84588"],[1646880464.280,"93.68527"],[1646880478.280,"95.23209"],[1646880492.280,"93.40909"],[1646880506.280,"95.79345"],[1646880520.280,"94.818"],[1646880534.280,"95.30659"],[1646880548.280,"94.51882"],[1646880562.280,"95.2381"],[1646880576.280,"94.24242"],[1646880590.280,"95.76506"],[1646880604.280,"94.73419"],[1646880618.280,"92.84812"],[1646880632.280,"94.72622"],[1646880646.280,"94.44304"],[1646880660.280,"94.94822"],[1646880674.280,"94.00607"],[1646880688.280,"95.46142"],[1646880702.280,"94.31531"],[1646880716.280,"95.96367"],[1646880730.280,"93.26241"],[1646880744.280,"95.69161"],[1646880758.280,"83.98586"],[1646880772.280,"93.43766"],[1646880786.280,"94.87891"],[1646880800.280,"94.98108"],[1646880814.280,"94.26912"],[1646880828.280,"93.96465"],[1646880842.280,"94.26188"],[1646880856.280,"94.37579"],[1646880870.280,"94.38685"],[1646880884.280,"94.55233"],[1646880898.280,"95.81337"],[1646880912.280,"93.2289"],[1646880926.280,"95.31368"],[1646880940.280,"93.65681"],[1646880954.280,"95.76186"],[1646880968.280,"94.31818"],[1646880982.280,"95.51863"],[1646880996.280,"94.24533"],[1646881010.280,"95.73448"],[1646881024.280,"94.26623"],[1646881038.280,"93.39909"],[1646881052.280,"94.5358"],[1646881066.280,"94.26912"],[1646881080.280,"93.76263"],[1646881094.280,"94.01515"],[1646881108.280,"95.71032"],[1646881122.280,"94.11913"],[1646881136.280,"95.25253"],[1646881150.280,"93.87807"],[1646881164.280,"95.23089"],[1646881178.280,"94.4669"],[1646881192.280,"95.66423"],[1646881206.280,"94.77273"],[1646881220.280,"95.28254"],[1646881234.280,"93.25076"],[1646881248.280,"93.88735"],[1646881262.280,"94.06116"],[1646881276.280,"93.89043"],[1646881290.280,"94.49217"],[1646881304.280,"94.55233"]]},{"metric":{"__name__":"cpu_usage_idle","cpu":"cpu0","ident":"tt-fc-dev01.nj"},"values":[[1646880114.280,"92.80648"],[1646880128.280,"93.92713"],[1646880142.280,"95.56004"],[1646880156.280,"94.53441"],[1646880170.280,"95.76613"],[1646880184.280,"95.76613"],[1646880198.280,"95.76613"],[1646880212.280,"95.76613"],[1646880226.280,"95.76613"],[1646880240.280,"95.76613"],[1646880254.280,"95.76613"],[1646880268.280,"95.76613"],[1646880282.280,"95.76613"]]},{"metric":{"__name__":"cpu_usage_idle","cpu":"cpu0","ident":"tt-fc-dev01.nj","region":"tencent"},"values":[[1646880184.280,"95.03546"],[1646880198.280,"93.74369"],[1646880212.280,"95.24291"],[1646880226.280,"94.73684"],[1646880240.280,"94.34343"],[1646880254.280,"92.82828"],[1646880268.280,"95.76613"],[1646880282.280,"93.83215"],[1646880296.280,"94.85887"],[1646880310.280,"93.76258"],[1646880324.280,"94.44444"],[1646880338.280,"95.05051"],[1646880352.280,"96.06458"],[1646880366.280,"94.52888"],[1646880380.280,"95.75758"],[1646880394.280,"93.86318"],[1646880408.280,"94.03438"],[1646880422.280,"94.63019"],[1646880436.280,"93.61055"],[1646880450.280,"95.35354"],[1646880464.280,"94.12955"],[1646880478.280,"95.56452"],[1646880492.280,"93.61702"],[1646880506.280,"95.77039"],[1646880520.280,"94.83283"],[1646880534.280,"95.64777"],[1646880548.280,"94.64646"],[1646880562.280,"95.55556"],[1646880576.280,"94.64105"],[1646880590.280,"96.07251"],[1646880604.280,"95.45455"],[1646880618.280,"93.61055"],[1646880632.280,"94.95459"],[1646880646.280,"94.14733"],[1646880660.280,"94.84848"],[1646880674.280,"94.21907"],[1646880688.280,"95.46371"],[1646880702.280,"94.34914"],[1646880716.280,"96.15774"],[1646880730.280,"93.7247"],[1646880744.280,"95.87525"],[1646880758.280,"93.10345"],[1646880772.280,"93.7247"],[1646880786.280,"94.75277"],[1646880800.280,"95.45913"],[1646880814.280,"94.24823"],[1646880828.280,"93.93939"],[1646880842.280,"93.75"],[1646880856.280,"94.84328"],[1646880870.280,"94.94439"],[1646880884.280,"95.14661"],[1646880898.280,"95.86694"],[1646880912.280,"93.52882"],[1646880926.280,"95.76613"],[1646880940.280,"93.82591"],[1646880954.280,"95.56898"],[1646880968.280,"94.14733"],[1646880982.280,"95.46371"],[1646880996.280,"94.64646"],[1646881010.280,"95.8711"],[1646881024.280,"94.53994"],[1646881038.280,"93.22548"],[1646881052.280,"94.93927"],[1646881066.280,"94.93927"],[1646881080.280,"93.34006"],[1646881094.280,"94.03438"],[1646881108.280,"96.05263"],[1646881122.280,"94.54545"],[1646881136.280,"94.94439"],[1646881150.280,"94.24242"],[1646881164.280,"95.55106"],[1646881178.280,"94.53994"],[1646881192.280,"96.06061"],[1646881206.280,"94.63019"],[1646881220.280,"95.35822"],[1646881234.280,"93.62993"],[1646881248.280,"94.33771"],[1646881262.280,"93.22548"],[1646881276.280,"94.33198"],[1646881290.280,"94.43883"],[1646881304.280,"94.84848"]]},{"metric":{"__name__":"cpu_usage_idle","cpu":"cpu1","ident":"tt-fc-dev01.nj"},"values":[[1646880114.280,"92.84274"],[1646880128.280,"94.12955"],[1646880142.280,"95.75329"],[1646880156.280,"93.75"],[1646880170.280,"95.8711"],[1646880184.280,"95.8711"],[1646880198.280,"95.8711"],[1646880212.280,"95.8711"],[1646880226.280,"95.8711"],[1646880240.280,"95.8711"],[1646880254.280,"95.8711"],[1646880268.280,"95.8711"],[1646880282.280,"95.8711"]]},{"metric":{"__name__":"cpu_usage_idle","cpu":"cpu1","ident":"tt-fc-dev01.nj","region":"tencent"},"values":[[1646880184.280,"94.92901"],[1646880198.280,"93.44097"],[1646880212.280,"93.46734"],[1646880226.280,"94.5674"],[1646880240.280,"94.01623"],[1646880254.280,"85.75758"],[1646880268.280,"95.56452"],[1646880282.280,"93.0303"],[1646880296.280,"95.25253"],[1646880310.280,"94.52888"],[1646880324.280,"95.07042"],[1646880338.280,"94.85887"],[1646880352.280,"95.27163"],[1646880366.280,"93.34677"],[1646880380.280,"96.06458"],[1646880394.280,"95.56452"],[1646880408.280,"93.52227"],[1646880422.280,"94.24242"],[1646880436.280,"92.42424"],[1646880450.280,"94.24242"],[1646880464.280,"93.22548"],[1646880478.280,"95.06048"],[1646880492.280,"93.34006"],[1646880506.280,"95.66095"],[1646880520.280,"95.13678"],[1646880534.280,"95.56898"],[1646880548.280,"94.84328"],[1646880562.280,"94.26559"],[1646880576.280,"94.4332"],[1646880590.280,"95.56898"],[1646880604.280,"94.64646"],[1646880618.280,"93.44097"],[1646880632.280,"94.24823"],[1646880646.280,"94.73684"],[1646880660.280,"95.85859"],[1646880674.280,"93.74369"],[1646880688.280,"96.15774"],[1646880702.280,"94.24823"],[1646880716.280,"96.07251"],[1646880730.280,"92.50253"],[1646880744.280,"95.75758"],[1646880758.280,"93.44097"],[1646880772.280,"93.33333"],[1646880786.280,"94.66801"],[1646880800.280,"94.95459"],[1646880814.280,"94.64105"],[1646880828.280,"94.23077"],[1646880842.280,"93.71834"],[1646880856.280,"94.64646"],[1646880870.280,"94.64105"],[1646880884.280,"94.25982"],[1646880898.280,"95.9596"],[1646880912.280,"93.04435"],[1646880926.280,"95.47284"],[1646880940.280,"93.73737"],[1646880954.280,"95.86276"],[1646880968.280,"95.24291"],[1646880982.280,"96.06855"],[1646880996.280,"94.34914"],[1646881010.280,"95.2621"],[1646881024.280,"94.33771"],[1646881038.280,"94.42756"],[1646881052.280,"95.2381"],[1646881066.280,"94.44444"],[1646881080.280,"94.33771"],[1646881094.280,"94.43883"],[1646881108.280,"95.56898"],[1646881122.280,"93.63636"],[1646881136.280,"95.05051"],[1646881150.280,"93.21175"],[1646881164.280,"95.16616"],[1646881178.280,"94.73684"],[1646881192.280,"95.87525"],[1646881206.280,"95.24772"],[1646881220.280,"95.56452"],[1646881234.280,"93.62348"],[1646881248.280,"93.8446"],[1646881262.280,"94.53994"],[1646881276.280,"93.75629"],[1646881290.280,"94.24823"],[1646881304.280,"94.94949"]]},{"metric":{"__name__":"cpu_usage_idle","cpu":"cpu2","ident":"tt-fc-dev01.nj"},"values":[[1646880114.280,"92.54032"],[1646880128.280,"93.93939"],[1646880142.280,"95.75329"],[1646880156.280,"93.74369"],[1646880170.280,"96.26263"],[1646880184.280,"96.26263"],[1646880198.280,"96.26263"],[1646880212.280,"96.26263"],[1646880226.280,"96.26263"],[1646880240.280,"96.26263"],[1646880254.280,"96.26263"],[1646880268.280,"96.26263"],[1646880282.280,"96.26263"]]},{"metric":{"__name__":"cpu_usage_idle","cpu":"cpu2","ident":"tt-fc-dev01.nj","region":"tencent"},"values":[[1646880184.280,"94.45565"],[1646880198.280,"94.33198"],[1646880212.280,"94.05841"],[1646880226.280,"94.34343"],[1646880240.280,"86.86869"],[1646880254.280,"86.49194"],[1646880268.280,"96.15385"],[1646880282.280,"93.83838"],[1646880296.280,"95.9596"],[1646880310.280,"92.84995"],[1646880324.280,"95.16129"],[1646880338.280,"94.34914"],[1646880352.280,"96.06855"],[1646880366.280,"94.83806"],[1646880380.280,"95.8544"],[1646880394.280,"94.67337"],[1646880408.280,"93.33333"],[1646880422.280,"94.53441"],[1646880436.280,"93.15895"],[1646880450.280,"95.15641"],[1646880464.280,"93.73737"],[1646880478.280,"95.0455"],[1646880492.280,"94.32624"],[1646880506.280,"95.87525"],[1646880520.280,"95.24772"],[1646880534.280,"94.96475"],[1646880548.280,"94.84328"],[1646880562.280,"95.36757"],[1646880576.280,"94.34343"],[1646880590.280,"95.86276"],[1646880604.280,"94.86922"],[1646880618.280,"91.82644"],[1646880632.280,"94.94439"],[1646880646.280,"94.45565"],[1646880660.280,"95.1417"],[1646880674.280,"94.33771"],[1646880688.280,"95.67839"],[1646880702.280,"94.64105"],[1646880716.280,"95.86694"],[1646880730.280,"93.42105"],[1646880744.280,"95.46828"],[1646880758.280,"77.71084"],[1646880772.280,"93.45418"],[1646880786.280,"95.05051"],[1646880800.280,"95.25732"],[1646880814.280,"94.45565"],[1646880828.280,"93.64919"],[1646880842.280,"95.0455"],[1646880856.280,"94.24823"],[1646880870.280,"93.83838"],[1646880884.280,"94.0404"],[1646880898.280,"95.77039"],[1646880912.280,"93.21862"],[1646880926.280,"95.16129"],[1646880940.280,"93.92713"],[1646880954.280,"96.06855"],[1646880968.280,"94.03438"],[1646880982.280,"95.57789"],[1646880996.280,"94.35484"],[1646881010.280,"95.8544"],[1646881024.280,"94.33771"],[1646881038.280,"93.43434"],[1646881052.280,"94.2366"],[1646881066.280,"94.04642"],[1646881080.280,"94.0404"],[1646881094.280,"93.74369"],[1646881108.280,"95.86694"],[1646881122.280,"94.45005"],[1646881136.280,"95.76613"],[1646881150.280,"94.62475"],[1646881164.280,"94.57286"],[1646881178.280,"94.33198"],[1646881192.280,"96.37097"],[1646881206.280,"94.75277"],[1646881220.280,"95.2621"],[1646881234.280,"92.12916"],[1646881248.280,"93.93327"],[1646881262.280,"94.54545"],[1646881276.280,"94.56193"],[1646881290.280,"94.65187"],[1646881304.280,"93.75"]]},{"metric":{"__name__":"cpu_usage_idle","cpu":"cpu3","ident":"tt-fc-dev01.nj"},"values":[[1646880114.280,"92.68293"],[1646880128.280,"93.03734"],[1646880142.280,"95.16129"],[1646880156.280,"94.45005"],[1646880170.280,"95.95551"],[1646880184.280,"95.95551"],[1646880198.280,"95.95551"],[1646880212.280,"95.95551"],[1646880226.280,"95.95551"],[1646880240.280,"95.95551"],[1646880254.280,"95.95551"],[1646880268.280,"95.95551"],[1646880282.280,"95.95551"]]},{"metric":{"__name__":"cpu_usage_idle","cpu":"cpu3","ident":"tt-fc-dev01.nj","region":"tencent"},"values":[[1646880184.280,"93.35347"],[1646880198.280,"94.24242"],[1646880212.280,"94.33198"],[1646880226.280,"94.55096"],[1646880240.280,"93.44097"],[1646880254.280,"58.36694"],[1646880268.280,"95.66532"],[1646880282.280,"93.83838"],[1646880296.280,"95.45455"],[1646880310.280,"93.92713"],[1646880324.280,"95.0555"],[1646880338.280,"93.74369"],[1646880352.280,"95.96367"],[1646880366.280,"93.93939"],[1646880380.280,"95.35822"],[1646880394.280,"94.85368"],[1646880408.280,"93.92097"],[1646880422.280,"93.94551"],[1646880436.280,"92.49493"],[1646880450.280,"94.63019"],[1646880464.280,"93.92097"],[1646880478.280,"95.07042"],[1646880492.280,"92.5328"],[1646880506.280,"95.86694"],[1646880520.280,"94.24242"],[1646880534.280,"94.95459"],[1646880548.280,"93.54188"],[1646880562.280,"95.66969"],[1646880576.280,"93.64279"],[1646880590.280,"95.46371"],[1646880604.280,"94.25403"],[1646880618.280,"92.51012"],[1646880632.280,"94.84848"],[1646880646.280,"94.4332"],[1646880660.280,"93.94551"],[1646880674.280,"93.7247"],[1646880688.280,"94.45005"],[1646880702.280,"94.22492"],[1646880716.280,"95.46371"],[1646880730.280,"93.31307"],[1646880744.280,"95.76186"],[1646880758.280,"71.41414"],[1646880772.280,"93.33333"],[1646880786.280,"95.24291"],[1646880800.280,"94.45565"],[1646880814.280,"93.53535"],[1646880828.280,"94.2366"],[1646880842.280,"94.53994"],[1646880856.280,"94.04642"],[1646880870.280,"94.03438"],[1646880884.280,"94.76334"],[1646880898.280,"95.56004"],[1646880912.280,"93.02326"],[1646880926.280,"94.95968"],[1646880940.280,"93.32659"],[1646880954.280,"95.25732"],[1646880968.280,"93.94551"],[1646880982.280,"95.06048"],[1646880996.280,"93.64279"],[1646881010.280,"95.85859"],[1646881024.280,"93.93939"],[1646881038.280,"92.51012"],[1646881052.280,"93.62993"],[1646881066.280,"93.75"],[1646881080.280,"93.44097"],[1646881094.280,"93.74369"],[1646881108.280,"95.44995"],[1646881122.280,"93.64919"],[1646881136.280,"95.25253"],[1646881150.280,"93.7247"],[1646881164.280,"95.34884"],[1646881178.280,"94.25403"],[1646881192.280,"94.24823"],[1646881206.280,"94.46123"],[1646881220.280,"94.84848"],[1646881234.280,"93.62993"],[1646881248.280,"93.4277"],[1646881262.280,"93.93327"],[1646881276.280,"92.5328"],[1646881290.280,"94.64105"],[1646881304.280,"94.75277"]]}]}}
6
62
  const data = _.map(res.data.result, (item) => {
7
63
  return {
8
- name: item.metric.cpu + '.' + item.metric.ident + '.' + item.metric.region,
64
+ name: item.metric.cpu + "." + item.metric.ident + "." + item.metric.region,
9
65
  data: item.values,
10
- }
66
+ };
11
67
  });
12
68
 
13
69
  function generateSeries(idx, seriesCount = 2) {
@@ -19,7 +75,7 @@ function generateSeries(idx, seriesCount = 2) {
19
75
 
20
76
  for (let m = 1; m <= seriesDataCount; m++) {
21
77
  seriesData.push({
22
- timestamp: 1609430399 + (m * 7776000),
78
+ timestamp: 1609430399 + m * 7776000,
23
79
  value: 1,
24
80
  // value: Math.random() * 100,
25
81
  });
@@ -41,15 +97,15 @@ const charts = [];
41
97
 
42
98
  for (let i = 0; i < graphsCount; i++) {
43
99
  const id = `c${i}`;
44
- const renderTo = document.createElement('div');
100
+ const renderTo = document.createElement("div");
45
101
  renderTo.id = id;
46
102
  // renderTo.style.width = '300px'
47
103
  // renderTo.style.height = '100px';
48
- renderTo.style.margin = '50px';
104
+ renderTo.style.margin = "50px";
49
105
  // renderTo.style.border = '1px solid #ccc';
50
106
  document.body.appendChild(renderTo);
51
107
  const graph = new TsGraph({
52
- timestamp: 'X',
108
+ timestamp: "X",
53
109
  xkey: 0,
54
110
  ykey: 1,
55
111
  ykeyFormatter: (value) => Number(value),
@@ -58,11 +114,11 @@ for (let i = 0; i < graphsCount; i++) {
58
114
  },
59
115
  series: data,
60
116
  tooltip: {
61
- precision: 'short',
117
+ precision: "short",
62
118
  shared: true,
63
119
  cascade: true,
64
- cascadeScope: i === 1 ? 'custom' : 'custom-1',
65
- timeFormat: '%H:%M:%S',
120
+ cascadeScope: i === 1 ? "custom" : "custom-1",
121
+ timeFormat: "%H:%M:%S",
66
122
  pointValueformatter: (value) => {
67
123
  return value + 1;
68
124
  },
@@ -75,7 +131,7 @@ for (let i = 0; i < graphsCount; i++) {
75
131
  opacity: 0,
76
132
  },
77
133
  stack: {
78
- enabled: true,
134
+ enabled: false,
79
135
  },
80
136
  // xAxis: {
81
137
  // // visible: false,
@@ -92,30 +148,25 @@ for (let i = 0; i < graphsCount; i++) {
92
148
  // tickValueFormatter: (value) => Number(value) + 1,
93
149
  // },
94
150
  legend: {
95
- enabled: true
96
- },
97
- curve: {
98
151
  enabled: true,
99
- mode: 'catmullRom'
100
- }
152
+ },
101
153
  });
102
154
 
103
- document.getElementById('destroyBtn').addEventListener('click', () => {
104
- graph.destroy()
105
- })
155
+ document.getElementById("destroyBtn").addEventListener("click", () => {
156
+ graph.destroy();
157
+ });
106
158
 
107
- document.getElementById('updateBtn').addEventListener('click', () => {
159
+ document.getElementById("updateBtn").addEventListener("click", () => {
108
160
  graph.update({
109
- tooltip: {
110
- precision: 'short',
111
- shared: true,
112
- cascade: true,
113
- cascadeScope: 'custom-2',
114
- },
161
+ // tooltip: {
162
+ // precision: 'short',
163
+ // shared: true,
164
+ // cascade: true,
165
+ // cascadeScope: 'custom-2',
166
+ // },
115
167
  stack: {
116
- enabled: false,
168
+ enabled: true,
117
169
  },
118
- })
119
- })
170
+ });
171
+ });
120
172
  }
121
-
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fc-plot/ts-graph",
3
- "version": "0.13.4",
3
+ "version": "0.13.7",
4
4
  "scripts": {
5
5
  "commit": "npx git-cz",
6
6
  "compile": "fetk run compile",
package/src/index.ts CHANGED
@@ -472,9 +472,11 @@ export default class TsGraph {
472
472
  let flag = false; // 起始标记，后面有连续空值即丢掉
473
473
  let dataIdx;
474
474
  for (dataIdx = 0; dataIdx < data.length; dataIdx++) {
475
+ const ykeyVal = data[dataIdx][oykey] ? data[dataIdx][oykey]: getYkeyValue(data[dataIdx][ykey], ykeyFormatter);
475
476
  const item = {
476
477
  [xkey]: data[dataIdx][xkey],
477
- [ykey]: getYkeyValue(data[dataIdx][ykey], ykeyFormatter),
478
+ [ykey]: ykeyVal,
479
+ [oykey]: ykeyVal,
478
480
  };
479
481
 
480
482
  if (stack.enabled) {
@@ -489,7 +491,11 @@ export default class TsGraph {
489
491
  return pItem[xkey] === item[xkey];
490
492
  });
491
493
  if (preItem) {
492
- item[ykey] = getYkeyValue(preItem[ykey], ykeyFormatter) + item[oykey];
494
+ // 堆叠累加的时候需要转换下 NaN 值
495
+ const preValue = isNaN(item[oykey]) ? 0 : item[oykey];
496
+ let curValue = getYkeyValue(preItem[ykey], ykeyFormatter);
497
+ curValue = isNaN(curValue) ? 0 : curValue;
498
+ item[ykey] = curValue + preValue;
493
499
  break;
494
500
  } else if (preIdx === 1) {
495
501
  item[ykey] = item[oykey];
@@ -499,8 +505,6 @@ export default class TsGraph {
499
505
  } else {
500
506
  item[ykey] = item[oykey];
501
507
  }
502
- } else {
503
- item[ykey] = item[oykey] ? item[oykey] : getYkeyValue(item[ykey], ykeyFormatter);
504
508
  }
505
509
 
506
510
  data[dataIdx] = item;
@@ -514,7 +518,7 @@ export default class TsGraph {
514
518
  if (
515
519
  dataIdx === 0
516
520
  || dataIdx === data.length - 1
517
- || (dataIdx > 0 && dataIdx < data.length -1 && typeof y === 'number')
521
+ || (dataIdx > 0 && dataIdx < data.length -1 && typeof y === 'number' && !isNaN(y))
518
522
  ) {
519
523
  newData.push(item);
520
524
  flag = true;
@@ -533,7 +537,7 @@ export default class TsGraph {
533
537
  if (xmax > x) {
534
538
  xmax = x;
535
539
  }
536
- if (typeof y === 'number') {
540
+ if (typeof y === 'number' && !isNaN(y)) {
537
541
  if (typeof ymin !== 'number' || y < ymin) {
538
542
  ymin = y;
539
543
  }
package/src/line.ts CHANGED
@@ -24,7 +24,7 @@ export default class Line {
24
24
  };
25
25
  const yAccessor = (d: SerieDataItem) => {
26
26
  const val = d[ykey];
27
- if (typeof val === 'number') {
27
+ if (typeof val === 'number' && !isNaN(val)) {
28
28
  return yScales(val);
29
29
  } else if (typeof fillNull === 'number') {
30
30
  return yScales(fillNull);
package/src/tooltip.ts CHANGED
@@ -89,6 +89,7 @@ export default class Tooltip {
89
89
  };
90
90
  });
91
91
  }
92
+
92
93
  // 不同时间点数据，还需要再处理一遍
93
94
  const nearestPointsGroup = groupBy(nearestPoints, 'x');
94
95