=0;r--){var o=i.xAxis.positions[r];if(t>o-i.unitWidth/2){var l=o+this.leftMargin,c=i.yExtremes[r]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.name,value:n?n(t.values[r]):t.values[r],color:e.colors[i]}});this.tip.setValues(l,c,{name:s[r],value:""},h,r),this.tip.showTip();break}}}}},{key:"renderLegend",value:function(){var e=this,i=this.data;this.statsWrapper.textContent="",i.datasets.length>1&&i.datasets.map(function(i,n){t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+i.name+"\n\t\t\t\t"})}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=jt[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(){t.updateOverlay()})}},{key:"bindUnits",value:function(){var t=this;this.dataUnitComponents.map(function(e){e.units.map(function(e){e.addEventListener("click",function(){var i=e.getAttribute("data-point-index");t.setCurrentDataPoint(i)})})}),this.tip.container.addEventListener("click",function(){var e=t.tip.container.getAttribute("data-point-index");t.setCurrentDataPoint(e)})}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];zt[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex,e=this.state;return{index:t,label:e.xAxis.labels[t],values:e.datasets.map(function(e){return e.values[t]})}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,a(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;yt(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"addDataPoint",this).call(this,t,e,i),this.data.labels.splice(i,0,t),this.data.datasets.map(function(t,n){t.values.splice(i,0,e[n])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;yt(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}},{key:"updateDatasets",value:function(t){this.data.datasets.map(function(e,i){t[i]&&(e.values=t[i])}),this.update(this.data)}}]),n}(qt),Zt={percentage:Ut,heatmap:$t,pie:Kt},te=function t(e,i){return vt(this,t),dt(i.type,e,i)};return te}();
//# sourceMappingURL=frappe-charts.min.js.map
diff --git a/docs/assets/js/frappe-charts.min.js.map b/docs/assets/js/frappe-charts.min.js.map
index abc4912..b106764 100644
--- a/docs/assets/js/frappe-charts.min.js.map
+++ b/docs/assets/js/frappe-charts.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"frappe-charts.min.js","sources":["../../../src/js/utils/dom.js","../../../src/js/utils/helpers.js","../../../src/js/utils/draw-utils.js","../../../src/js/utils/animate.js","../../../src/js/utils/draw.js","../../../src/js/utils/colors.js","../../../src/js/config.js","../../../src/js/utils/animation.js","../../../src/js/objects/ChartComponents.js","../../../src/js/utils/date-utils.js","../../../src/js/utils/intervals.js","../../../src/js/utils/axis-chart-utils.js","../../../src/js/chart.js","../../../src/js/objects/SvgTip.js","../../../src/js/utils/constants.js","../../../src/js/charts/BaseChart.js","../../../src/js/charts/AggregationChart.js","../../../src/js/charts/PercentageChart.js","../../../src/js/charts/PieChart.js","../../../src/js/charts/Heatmap.js","../../../src/js/charts/AxisChart.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n rect.left >= 0 &&\n rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n","import { ANGLE_RATIO } from './constants';\n\n/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop, value) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n\nexport function getPositionByAngle(angle, radius) {\n\treturn {\n\t\tx:Math.sin(angle * ANGLE_RATIO) * radius,\n\t\ty:Math.cos(angle * ANGLE_RATIO) * radius,\n\t};\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textraCount = array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extraCount > 0) {\n\t\tarray1 = fillArray(array1, extraCount);\n\t} else {\n\t\tarray2 = fillArray(array2, extraCount);\n\t}\n\treturn [array1, array2];\n}\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t]\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, index=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t]\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\nexport function animatePathStr(oldPath, pathStr) {\n\treturn [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING];\n}\n\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from './animate';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nconst AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst BASE_BG_COLOR = '#F7FAFC';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(parent, className, transform='') {\n\treturn createSVG('g', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\ttransform: transform\n\t});\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none') {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill\n\t\t}\n\t});\n}\n\nexport function makeArcPathStr(startPosition, endPosition, center, radius, clockWise=1){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\n\n\treturn `M${center.x} ${center.y}\n\t\tL${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 0 ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY} z`;\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\n\tlet opacities = [1, 0.6, 0.2];\n\tif(lighter) {\n\t\topacities = [0.4, 0.2, 0];\n\t}\n\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\n\n\treturn gradientId;\n}\n\nexport function makeHeatSquare(className, x, y, size, fill='none', data={}) {\n\tlet args = {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: size,\n\t\theight: size,\n\t\tfill: fill\n\t};\n\n\tObject.keys(data).map(key => {\n\t\targs[key] = data[key];\n\t});\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function makeText(className, x, y, content) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH\n\t\tx2 = width;\n\t}\n\n\tlet offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t// \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0, meta={}) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t}\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\toverlay.setAttribute('r', radius + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n}\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t}\n}\n\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nexport const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import Chart from './chart';\n\nconst ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nconst COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tscatter: ['line', 'bar', 'percentage', 'pie'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\n// Needs structure as per only labels/datasets\nconst COLOR_COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter'],\n\tline: ['scatter', 'bar'],\n\tpie: ['percentage'],\n\tscatter: ['line', 'bar'],\n\tpercentage: ['pie'],\n\theatmap: []\n};\n\nexport function getDifferentChart(type, current_type, parent, args) {\n\tif(type === current_type) return;\n\n\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t}\n\n\tif(!COMPATIBLE_CHARTS[current_type].includes(type)) {\n\t\tconsole.error(`'${current_type}' chart cannot be converted to a '${type}' chart.`);\n\t}\n\n\t// whether the new chart can use the existing colors\n\tconst useColor = COLOR_COMPATIBLE_CHARTS[current_type].includes(type);\n\n\t// Okay, this is anticlimactic\n\t// this function will need to actually be 'changeChartType(type)'\n\t// that will update only the required elements, but for now ...\n\n\targs.type = type;\n\targs.colors = useColor ? args.colors : undefined;\n\n\treturn new Chart(parent, args);\n}","// Leveraging SMIL Animations\n\nimport { REPLACE_ALL_NEW_DUR } from './animate';\n\nconst EASING = {\n\tease: \"0.25 0.1 0.25 1\",\n\tlinear: \"0 0 1 1\",\n\t// easein: \"0.42 0 1 1\",\n\teasein: \"0.1 0.8 0.2 1\",\n\teaseout: \"0 0 0.58 1\",\n\teaseinout: \"0.42 0 0.58 1\"\n};\n\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\n\n\tlet animElement = element.cloneNode(true);\n\tlet newElement = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animateElement;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet animAttr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: currentValue,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: currentValue + \";\" + value,\n\t\t\tkeySplines: EASING[easingType],\n\t\t\tkeyTimes: \"0;1\",\n\t\t\tcalcMode: \"spline\",\n\t\t\tfill: 'freeze'\n\t\t};\n\n\t\tif(type) {\n\t\t\tanimAttr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in animAttr) {\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\n\t\t}\n\n\t\tanimElement.appendChild(animateElement);\n\n\t\tif(type) {\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnewElement.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [animElement, newElement];\n}\n\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\n\telement.style.transform = style;\n\telement.style.webkitTransform = style;\n\telement.style.msTransform = style;\n\telement.style.mozTransform = style;\n\telement.style.oTransform = style;\n}\n\nfunction animateSVG(svgContainer, elements) {\n\tlet newElements = [];\n\tlet animElements = [];\n\n\telements.map(element => {\n\t\tlet unit = element[0];\n\t\tlet parent = unit.parentNode;\n\n\t\tlet animElement, newElement;\n\n\t\telement[0] = unit;\n\t\t[animElement, newElement] = animateSVGElement(...element);\n\n\t\tnewElements.push(newElement);\n\t\tanimElements.push([animElement, parent]);\n\n\t\tparent.replaceChild(animElement, unit);\n\t});\n\n\tlet animSvg = svgContainer.cloneNode(true);\n\n\tanimElements.map((animElement, i) => {\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\n\t\telements[i][0] = newElements[i];\n\t});\n\n\treturn animSvg;\n}\n\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\n\tif(elementsToAnimate.length === 0) return;\n\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\n\tif(svgElement.parentNode == parent) {\n\t\tparent.removeChild(svgElement);\n\t\tparent.appendChild(animSvgElement);\n\n\t}\n\n\t// Replace the new svgElement (data has already been replaced)\n\tsetTimeout(() => {\n\t\tif(animSvgElement.parentNode == parent) {\n\t\t\tparent.removeChild(animSvgElement);\n\t\t\tparent.appendChild(svgElement);\n\t\t}\n\t}, REPLACE_ALL_NEW_DUR);\n}\n","import { makeSVGGroup } from '../utils/draw';\nimport { makePath, xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar,\n\tanimateDot, animatePath, animatePathStr } from '../utils/animate';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform);\n\t}\n\n\tmake() {\n\t\tthis.render(this.data);\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = []\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data);\n\t\t}\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tpieSlices: {\n\t\tlayerClass: 'pie-slices',\n\t\tmakeElements(data) {\n\t\t\treturn data.sliceStrings.map((s, i) =>{\n\t\t\t\tlet slice = makePath(s, 'pie-path', 'none', data.colors[i]);\n\t\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\t\treturn slice;\n\t\t\t});\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\treturn this.store.map((slice, i) =>\n\t\t\t\tanimatePathStr(slice, newData.sliceStrings[i])\n\t\t\t);\n\t\t}\n\t},\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.calcLabels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.calcLabels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.calcLabels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tcalcLabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(marker =>\n\t\t\t\tyMarker(marker.position, marker.label, this.constants.width,\n\t\t\t\t\t{pos:'right', mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.position);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.start, region.end, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.end);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.start);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.end);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\t\t\tlet oldStarts = this.oldData.map(d => d.start);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstart: oldStarts[i],\n\t\t\t\t\tend: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i], c.index,\n\t\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t}\n\n\t\t\tthis.units = []\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t)\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n}\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t})\n\treturn new ChartComponent(config);\n}\n","// Playing around with dates\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(dateStr) {\n\tlet result = new Date(dateStr);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getDdMmYyyy(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\t(dd>9 ? '' : '0') + dd,\n\t\t(mm>9 ? '' : '0') + mm,\n\t\tdate.getFullYear()\n\t].join('-');\n}\n\nexport function getWeeksBetween(startDateStr, endDateStr) {\n\treturn Math.ceil(getDaysBetween(startDateStr, endDateStr) / 7);\n}\n\nexport function getDaysBetween(startDateStr, endDateStr) {\n\tlet millisecondsPerDay = 24 * 60 * 60 * 1000;\n\treturn (treatAsUtc(endDateStr) - treatAsUtc(startDateStr)) / millisecondsPerDay;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n\n// export function getMonthName() {}\n","import { floatTwo } from './helpers';\n\nfunction normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier)\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { floatTwo, fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map((d, i)=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t}\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}","import '../scss/charts.scss';\n\n// import MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\n\nconst chartTypes = {\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nexport default class Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.titleName = '';\n\t\tthis.titleValue = '';\n\t\tthis.listValues = [];\n\t\tthis.titleValueFirst = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.makeTooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calcPosition();\n\t\t// this.showTip();\n\t}\n\n\tmakeTooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `\n\t\t\t\t\n\t\t\t\t`\n\t\t});\n\t\tthis.hideTip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.dataPointList = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hideTip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.titleValueFirst) {\n\t\t\ttitle = `${this.titleValue}${this.titleName}`;\n\t\t} else {\n\t\t\ttitle = `${this.titleName}${this.titleValue}`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.dataPointList.innerHTML = '';\n\n\t\tthis.listValues.map((set, i) => {\n\t\t\tconst color = this.colors[i] || 'black';\n\n\t\t\tlet li = $.create('li', {\n\t\t\t\tstyles: {\n\t\t\t\t\t'border-top': `3px solid ${color}`\n\t\t\t\t},\n\t\t\t\tinnerHTML: `${ set.value === 0 || set.value ? set.value : '' }\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.dataPointList.appendChild(li);\n\t\t});\n\t}\n\n\tcalcPosition() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet maxLeft = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > maxLeft) {\n\t\t\tlet delta = this.left - maxLeft;\n\t\t\tlet pointerOffset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointerOffset;\n\n\t\t\tthis.left = maxLeft;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tsetValues(x, y, titleName = '', titleValue = '', listValues = [], titleValueFirst = 0) {\n\t\tthis.titleName = titleName;\n\t\tthis.titleValue = titleValue;\n\t\tthis.listValues = listValues;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.titleValueFirst = titleValueFirst;\n\t\tthis.refresh();\n\t}\n\n\thideTip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshowTip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","export const VERT_SPACE_OUTSIDE_BASE_CHART = 40;\nexport const TRANSLATE_Y_BASE_CHART = 20;\nexport const LEFT_MARGIN_BASE_CHART = 60;\nexport const RIGHT_MARGIN_BASE_CHART = 40;\nexport const Y_AXIS_MARGIN = 60;\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const BAR_CHART_SPACE_RATIO = 0.5;\nexport const MIN_BAR_PERCENT_HEIGHT = 0.01;\n\nexport const LINE_CHART_DOT_SIZE = 4;\nexport const DOT_OVERLAY_SIZE_INCR = 4;\n\nexport const DEFAULT_CHAR_WIDTH = 8;\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup } from '../utils/draw';\nimport { getStringWidth } from '../utils/helpers';\nimport { VERT_SPACE_OUTSIDE_BASE_CHART, TRANSLATE_Y_BASE_CHART, LEFT_MARGIN_BASE_CHART,\n\tRIGHT_MARGIN_BASE_CHART, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT } from '../utils/constants';\nimport { getColor, DEFAULT_COLORS } from '../utils/colors';\nimport { getDifferentChart } from '../config';\nimport { runSMILAnimation } from '../utils/animation';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.parent = typeof parent === 'string' ? document.querySelector(parent) : parent;\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.title = options.title || '';\n\t\tthis.subtitle = options.subtitle || '';\n\t\tthis.argHeight = options.height || 240;\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\t\tthis.colors = [];\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: options.showLegend || 1,\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tthis.initTimeout = INIT_CHART_UPDATE_TIMEOUT;\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure(args) {\n\t\tthis.setColors();\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw(true));\n\t\twindow.addEventListener('orientationchange', () => this.draw(true));\n\t}\n\n\tsetColors() {\n\t\tlet args = this.rawChartArgs;\n\n\t\t// Needs structure as per only labels/datasets, from config\n\t\tconst list = args.type === 'percentage' || args.type === 'pie'\n\t\t\t? args.data.labels\n\t\t\t: args.data.datasets;\n\n\t\tif(!args.colors || (list && args.colors.length < list.length)) {\n\t\t\tthis.colors = DEFAULT_COLORS;\n\t\t} else {\n\t\t\tthis.colors = args.colors;\n\t\t}\n\n\t\tthis.colors = this.colors.map(color => getColor(color));\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - VERT_SPACE_OUTSIDE_BASE_CHART;\n\t\tthis.translateY = TRANSLATE_Y_BASE_CHART;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = LEFT_MARGIN_BASE_CHART;\n\t\tthis.rightMargin = RIGHT_MARGIN_BASE_CHART;\n\t}\n\n\tvalidate() {\n\t\treturn true;\n\t}\n\n\tsetup() {\n\t\tif(this.validate()) {\n\t\t\tthis._setup();\n\t\t}\n\t}\n\n\t_setup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tsetupComponents() {\n\t\tthis.components = new Map();\n\t}\n\n\tmakeContainer() {\n\t\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `${this.title}
\n\t\t\t\t${this.subtitle}
\n\t\t\t\t\n\t\t\t\t`\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chartWrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.statsWrapper = this.container.querySelector('.graph-stats-container');\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chartWrapper,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.calcWidth();\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.makeChartArea();\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\n\t\t// this.components.forEach(c => c.make());\n\t\tthis.render(this.components, false);\n\n\t\tif(init) {\n\t\t\tthis.data = this.realData;\n\t\t\tsetTimeout(() => {this.update();}, this.initTimeout);\n\t\t}\n\n\t\tthis.renderLegend();\n\t\tthis.setupNavigation(init);\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - (this.leftMargin + this.rightMargin);\n\t}\n\n\tupdate(data=this.data) {\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tcalc() {} // builds state\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.forEach(c => {\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\n\t\t});\n\t\tif(elementsToAnimate.length > 0) {\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\t// if(!this.overlayGuides){\n\t\t\t\tthis.makeOverlay();\n\t\t\t\tthis.bindUnits();\n\t\t\t// } else {\n\t\t\t// \tthis.updateOverlay();\n\t\t\t// }\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.chartWrapper.removeChild(this.svg);\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.chartWrapper,\n\t\t\t'chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// I WISH !!!\n\t\t// this.svg = makeSVGGroup(\n\t\t// \tsvgContainer,\n\t\t// \t'flipped-coord-system',\n\t\t// \t`translate(0, ${this.baseHeight}) scale(1, -1)`\n\t\t// );\n\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${this.translateY})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.chartWrapper)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\tgetDataPoint(index = 0) {}\n\tsetCurrentDataPoint(point) {}\n\n\tupdateDataset(dataset, index) {}\n\taddDataset(dataset, index) {}\n\tremoveDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {}\n\n\tupdateDataPoint(dataPoint, index = 0) {}\n\taddDataPoint(dataPoint, index = 0) {}\n\tremoveDataPoint(index = 0) {}\n\n\tgetDifferentChart(type) {\n\t\treturn getDifferentChart(type, this.type, this.parent, this.rawChartArgs);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class AggregationChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\tthis.config.maxSlices = args.maxSlices || 20;\n\t\tthis.config.maxLegendPoints = args.maxLegendPoints || 20;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\t\tlet maxSlices = this.config.maxSlices;\n\t\ts.sliceTotals = [];\n\n\t\tlet allTotals = this.data.labels.map((label, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, label];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = allTotals;\n\t\tif(allTotals.length > maxSlices) {\n\t\t\t// Prune and keep a grey area for rest as per maxSlices\n\t\t\tallTotals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = allTotals.slice(0, maxSlices-1);\n\t\t\tlet remaining = allTotals.slice(maxSlices-1);\n\n\t\t\tlet sumOfRemaining = 0;\n\t\t\tremaining.map(d => {sumOfRemaining += d[0];});\n\t\t\ttotals.push([sumOfRemaining, 'Rest']);\n\t\t\tthis.colors[maxSlices-1] = 'grey';\n\t\t}\n\n\t\ts.labels = [];\n\t\ttotals.map(d => {\n\t\t\ts.sliceTotals.push(d[0]);\n\t\t\ts.labels.push(d[1]);\n\t\t});\n\t}\n\n\trenderLegend() {\n\t\tlet s = this.state;\n\n\t\tthis.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\tlet x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t? this.formatted_labels : s.labels;\n\t\tthis.legendTotals.map((d, i) => {\n\t\t\tif(d) {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `\n\t\t\t\t\t\n\t\t\t\t\t${x_values[i]}:\n\t\t\t\t\t${d}\n\t\t\t\t`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.setup();\n\t}\n\n\tmakeChartArea() {\n\t\tthis.chartWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.chartWrapper.style.marginTop = '45px';\n\n\t\tthis.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.statsWrapper.style.marginBottom = '30px';\n\t\tthis.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chartWrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.svg\n\t\t});\n\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\trender() {\n\t\tlet s = this.state;\n\t\tthis.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\t\ts.slices = [];\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\t'data-index': i,\n\t\t\t\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grandTotal + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\ts.slices.push(slice);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet slice = e.target;\n\t\t\tif(slice.classList.contains('progress-bar')) {\n\n\t\t\t\tlet i = slice.getAttribute('data-index');\n\t\t\t\tlet gOff = getOffset(this.chartWrapper), pOff = getOffset(slice);\n\n\t\t\t\tlet x = pOff.left - gOff.left + slice.offsetWidth/2;\n\t\t\t\tlet y = pOff.top - gOff.top - 6;\n\t\t\t\tlet title = (this.formattedLabels && this.formattedLabels.length>0\n\t\t\t\t\t? this.formattedLabels[i] : this.state.labels[i]) + ': ';\n\t\t\t\tlet percent = (s.sliceTotals[i]*100/this.grandTotal).toFixed(1);\n\n\t\t\t\tthis.tip.setValues(x, y, title, percent + \"%\");\n\t\t\t\tthis.tip.showTip();\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makePath, makeArcPathStr } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { transform } from '../utils/animation';\nimport { FULL_ANGLE } from '../utils/constants';\n\nexport default class PieChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'pie';\n\t\tthis.initTimeout = 0;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.config.startAngle = args.startAngle || 0;\n\n\t\tthis.clockWise = args.clockWise || false;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\tthis.init = 1;\n\t\treturn data;\n\t}\n\n\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\n\t\tthis.center = {\n\t\t\tx: this.width / 2,\n\t\t\ty: this.height / 2\n\t\t}\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\n\n\t\ts.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\n\t\tthis.calcSlices();\n\t}\n\n\tcalcSlices() {\n\t\tlet s = this.state;\n\t\tconst { radius, clockWise } = this;\n\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\n\t\ts.sliceStrings = [];\n\t\ts.slicesProperties = [];\n\t\tlet curAngle = 180 - this.config.startAngle;\n\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\n\n\t\t\tlet curStart,curEnd;\n\t\t\tif(this.init) {\n\t\t\t\tcurStart = prevProperty ? prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty ? prevProperty.endPosition : startPosition;\n\t\t\t} else {\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);\n\n\t\t\ts.sliceStrings.push(curPath);\n\t\t\ts.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: s.grandTotal,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\n\t\t});\n\t\tthis.init = 0;\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'pieSlices',\n\t\t\t\t{ },\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\n\t\t\t\t\t\tcolors: this.colors\n\t\t\t\t\t}\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag) {\n\t\t\ttransform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\n\t\t\tthis.tip.setValues(x, y, title, percent + \"%\");\n\t\t\tthis.tip.showTip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hideTip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tbindTooltip() {\n\t\tthis.chartWrapper.addEventListener('mousemove', this.mouseMove);\n\t\tthis.chartWrapper.addEventListener('mouseleave', this.mouseLeave);\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet slices = this.components.get('pieSlices').store;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tif(slices.includes(target)) {\n\t\t\tlet i = slices.indexOf(target);\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\n\t\t\tthis.curActiveSlice = target;\n\t\t\tthis.curActiveSliceIndex = i;\n\t\t\tthis.hoverSlice(target, i, true, e);\n\t\t} else {\n\t\t\tthis.mouseLeave();\n\t\t}\n\t}\n\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeHeatSquare, makeText } from '../utils/draw';\nimport { addDays, getDdMmYyyy, getWeeksBetween } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { isValidColor } from '../utils/colors';\n\nexport default class Heatmap extends BaseChart {\n\tconstructor(parent, options) {\n\t\tsuper(parent, options);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = options.domain || '';\n\t\tthis.subdomain = options.subdomain || '';\n\t\tthis.data = options.data || {};\n\t\tthis.discrete_domains = options.discrete_domains || 1;\n\t\tthis.count_label = options.count_label || '';\n\n\t\tlet today = new Date();\n\t\tthis.start = options.start || addDays(today, 365);\n\n\t\tlet legend_colors = (options.legend_colors || []).slice(0, 5);\n\t\tthis.legend_colors = this.validate_colors(legend_colors)\n\t\t\t? legend_colors\n\t\t\t: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\t// Fixed 5-color theme,\n\t\t// More colors are difficult to parse visually\n\t\tthis.distribution_size = 5;\n\n\t\tthis.translateX = 0;\n\t\tthis.setup();\n\t}\n\n\tvalidate_colors(colors) {\n\t\tif(colors.length < 5) return 0;\n\n\t\tlet valid = 1;\n\t\tcolors.forEach(function(string) {\n\t\t\tif(!isValidColor(string)) {\n\t\t\t\tvalid = 0;\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t}\n\t\t}, this);\n\n\t\treturn valid;\n\t}\n\n\tconfigure() {\n\t\tsuper.configure();\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.first_week_start = new Date(this.start.toDateString());\n\t\tthis.last_week_start = new Date(this.today.toDateString());\n\t\tif(this.first_week_start.getDay() !== 7) {\n\t\t\taddDays(this.first_week_start, (-1) * this.first_week_start.getDay());\n\t\t}\n\t\tif(this.last_week_start.getDay() !== 7) {\n\t\t\taddDays(this.last_week_start, (-1) * this.last_week_start.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.first_week_start + '', this.last_week_start + '') + 1;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discrete_domains) {\n\t\t\tthis.baseWidth += (12 * 12);\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tsuper.makeChartArea();\n\t\tthis.domainLabelGroup = makeSVGGroup(this.drawArea,\n\t\t\t'domain-label-group chart-label');\n\n\t\tthis.dataGroups = makeSVGGroup(this.drawArea,\n\t\t\t'data-groups',\n\t\t\t`translate(0, 20)`\n\t\t);\n\t\t// Array.prototype.slice.call(\n\t\t// \tthis.container.querySelectorAll('.graph-stats-container, .sub-title, .title')\n\t\t// ).map(d => {\n\t\t// \td.style.display = 'None';\n\t\t// });\n\t\t// this.chartWrapper.style.marginTop = '0px';\n\t\t// this.chartWrapper.style.paddingTop = '0px';\n\t}\n\n\tcalc() {\n\n\t\tlet data_values = Object.keys(this.data).map(key => this.data[key]);\n\t\tthis.distribution = calcDistribution(data_values, this.distribution_size);\n\n\t\tthis.month_names = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\t}\n\n\trender() {\n\t\tthis.renderAllWeeksAndStoreXValues(this.no_of_cols);\n\t}\n\n\trenderAllWeeksAndStoreXValues(no_of_weeks) {\n\t\t// renderAllWeeksAndStoreXValues\n\t\tthis.domainLabelGroup.textContent = '';\n\t\tthis.dataGroups.textContent = '';\n\n\t\tlet current_week_sunday = new Date(this.first_week_start);\n\t\tthis.week_col = 0;\n\t\tthis.current_month = current_week_sunday.getMonth();\n\n\t\tthis.months = [this.current_month + ''];\n\t\tthis.month_weeks = {}, this.month_start_points = [];\n\t\tthis.month_weeks[this.current_month] = 0;\n\t\tthis.month_start_points.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet data_group, month_change = 0;\n\t\t\tlet day = new Date(current_week_sunday);\n\n\t\t\t[data_group, month_change] = this.get_week_squares_group(day, this.week_col);\n\t\t\tthis.dataGroups.appendChild(data_group);\n\t\t\tthis.week_col += 1 + parseInt(this.discrete_domains && month_change);\n\t\t\tthis.month_weeks[this.current_month]++;\n\t\t\tif(month_change) {\n\t\t\t\tthis.current_month = (this.current_month + 1) % 12;\n\t\t\t\tthis.months.push(this.current_month + '');\n\t\t\t\tthis.month_weeks[this.current_month] = 1;\n\t\t\t}\n\t\t\taddDays(current_week_sunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(current_date, index) {\n\t\tconst no_of_weekdays = 7;\n\t\tconst square_side = 10;\n\t\tconst cell_padding = 2;\n\t\tconst step = 1;\n\t\tconst today_time = this.today.getTime();\n\n\t\tlet month_change = 0;\n\t\tlet week_col_change = 0;\n\n\t\tlet data_group = makeSVGGroup(this.dataGroups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {\n\t\t\tlet data_value = 0;\n\t\t\tlet colorIndex = 0;\n\n\t\t\tlet current_timestamp = current_date.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdata_value = this.data[timestamp];\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdata_value = this.data[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(data_value) {\n\t\t\t\tcolorIndex = getMaxCheckpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + week_col_change) * 12;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(current_date),\n\t\t\t\t'data-value': data_value,\n\t\t\t\t'data-day': current_date.getDay()\n\t\t\t};\n\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, square_side,\n\t\t\t\tthis.legend_colors[colorIndex], dataAttr);\n\n\t\t\tdata_group.appendChild(heatSquare);\n\n\t\t\tlet next_date = new Date(current_date);\n\t\t\taddDays(next_date, 1);\n\t\t\tif(next_date.getTime() > today_time) break;\n\n\n\t\t\tif(next_date.getMonth() - current_date.getMonth()) {\n\t\t\t\tmonth_change = 1;\n\t\t\t\tif(this.discrete_domains) {\n\t\t\t\t\tweek_col_change = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.month_start_points.push(13 + (index + week_col_change) * 12);\n\t\t\t}\n\t\t\tcurrent_date = next_date;\n\t\t}\n\n\t\treturn [data_group, month_change];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.first_week_start.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.month_start_points.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.month_start_points.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.month_start_points.shift();\n\t\tthis.months.pop();\n\t\tthis.month_start_points.pop();\n\n\t\tthis.month_start_points.map((start, i) => {\n\t\t\tlet month_name = this.month_names[this.months[i]].substring(0, 3);\n\t\t\tlet text = makeText('y-value-text', start+12, 10, month_name);\n\t\t\tthis.domainLabelGroup.appendChild(text);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet date_parts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);\n\n\t\t\t\tlet g_off = this.chartWrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = p_off.left - g_off.left + (width+2)/2;\n\t\t\t\tlet y = p_off.top - g_off.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.count_label;\n\t\t\t\tlet name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];\n\n\t\t\t\tthis.tip.setValues(x, y, name, value, [], 1);\n\t\t\t\tthis.tip.showTip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tsuper.update(data);\n\t\tthis.bindTooltip();\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\nimport { Y_AXIS_MARGIN } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay } from '../utils/draw';\nimport { MIN_BAR_PERCENT_HEIGHT, DEFAULT_AXIS_CHART_TYPE, BAR_CHART_SPACE_RATIO, LINE_CHART_DOT_SIZE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\n\t\tthis.barOptions = args.barOptions || {};\n\t\tthis.lineOptions = args.lineOptions || {};\n\n\t\tthis.type = args.type || 'line';\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure();\n\n\t\targs.axisOptions = args.axisOptions || {};\n\t\targs.tooltipOptions = args.tooltipOptions || {};\n\n\t\tthis.config.xAxisMode = args.axisOptions.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = args.axisOptions.yAxisMode || 'span';\n\t\tthis.config.xIsSeries = args.axisOptions.xIsSeries || 1;\n\n\t\tthis.config.formatTooltipX = args.tooltipOptions.formatTooltipX;\n\t\tthis.config.formatTooltipY = args.tooltipOptions.formatTooltipY;\n\n\t\tthis.config.valuesOverPoints = args.valuesOverPoints;\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = Y_AXIS_MARGIN;\n\t\tthis.rightMargin = Y_AXIS_MARGIN;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn zeroDataPrep(data);\n\t}\n\n\tcalc(onlyWidthChange = false) {\n\t\tthis.calcXPositions();\n\t\tif(onlyWidthChange) return;\n\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t}\n\n\tcalcXPositions() {\n\t\tlet s = this.state;\n\t\tlet labels = this.data.labels;\n\t\ts.datasetLength = labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\n\n\t\ts.xAxis = {\n\t\t\tlabels: labels,\n\t\t\tpositions: labels.map((d, i) =>\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t\t)\n\t\t};\n\t}\n\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tthis.state.yAxis = {\n\t\t\tlabels: yPts,\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\n\t\t\tscaleMultiplier: scaleMultiplier,\n\t\t\tzeroLine: zeroLine,\n\t\t}\n\n\t\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map((d, i) => {\n\t\t\td.yPositions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = scale(d.value, s.yAxis);\n\t\t\t\tif(!d.label.includes(':')) {\n\t\t\t\t\td.label += ': ' + d.value;\n\t\t\t\t}\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\td.start = scale(d.start, s.yAxis);\n\t\t\t\td.end = scale(d.end, s.yAxis);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\t// TODO: yMarkers, regions, sums, every Y value ever\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...this.data.datasets.map(d => d[key]));\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\n\n\t\t\t\t\treturn s.xAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yRegions;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\t\t];\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yMarkers;\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.chartWrapper);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.translateY;\n\n\t\t\tif(relY < this.height + this.translateY * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hideTip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(this.formatTooltipX && this.formatTooltipX(titles[0])) {\n\t\t\ttitles = titles.map(d=>this.formatTooltipX(d));\n\t\t}\n\n\t\tlet formatY = this.formatTooltipY && this.formatTooltipY(this.y[0].values[0]);\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.translateY;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.title,\n\t\t\t\t\t\tvalue: formatY ? this.formatTooltipY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.setValues(x, y, titles[i], '', values);\n\t\t\t\tthis.tip.showTip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tmakeOverlay() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t}\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t})\n\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\t// on event, update overlay\n\t\tthis.parent.addEventListener('data-select', (e) => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits(units_array) {\n\t\t// units_array.map(unit => {\n\t\t// \tunit.addEventListener('click', () => {\n\t\t// \t\tlet index = unit.getAttribute('data-point-index');\n\t\t// \t\tthis.setCurrentDataPoint(index);\n\t\t// \t});\n\t\t// });\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t})\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\t// check for length\n\t\tlet data_point = {\n\t\t\tindex: index\n\t\t};\n\t\t// let y = this.y[0];\n\t\t// ['svg_units', 'yUnitPositions', 'values'].map(key => {\n\t\t// \tlet data_key = key.slice(0, key.length-1);\n\t\t// \tdata_point[data_key] = y[key][index];\n\t\t// });\n\t\t// data_point.label = this.xAxis.labels[index];\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\t// updateDatasets(datasets) {}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n"],"names":["$","expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getPositionByAngle","angle","radius","sin","ANGLE_RATIO","cos","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extraCount","translate","unit","oldCoord","newCoord","duration","old","join","transform","STD_EASING","translateVertLine","xLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","yLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","x","width","offset","nodeName","UNIT_ANIM_DUR","split","slice","animateDot","dot","cx","cy","animatePath","paths","newXList","newYList","pathComponents","pathStr","map","i","animPath","path","PATH_ANIM_DUR","push","region","regStartPt","regEndPt","animRegion","animatePathStr","oldPath","createSVG","tag","o","createElementNS","val","appendChild","ref","parentNode","insertBefore","keys","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","color","opacity","makeSVGContainer","parent","className","makeSVGDefs","svgContainer","makeSVGGroup","makePath","makeArcPathStr","startPosition","endPosition","center","clockWise","arcStartX","arcStartY","arcEndX","arcEndY","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","size","data","args","key","makeText","content","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","pos","mode","AXIS_TICK_LENGTH","yMarker","labelSvg","yRegion","datasetBar","index","meta","minHeight","group","datasetDot","getPaths","xList","yList","pointsStr","heatline","gradient_id","svgDefs","regionFill","gradient_id_region","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","getDifferentChart","current_type","ALL_CHART_TYPES","includes","error","COMPATIBLE_CHARTS","useColor","COLOR_COMPATIBLE_CHARTS","colors","undefined","Chart","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","getComponent","name","constants","getData","Object","componentConfigs","filter","k","config","assign","ChartComponent","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","ceil","getDaysBetween","addDays","numberOfDays","setDate","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalize","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getChartByType","AxisChart","chartTypes","create","createElement","SvgTip","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","container","this","hideTip","title","dataPointList","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","refresh","INIT_CHART_UPDATE_TIMEOUT","PI","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","DEFAULT_COLORS","BaseChart","rawChartArgs","HTMLElement","Error","subtitle","argHeight","prepareData","prepareFirstData","showLegend","isNavigable","state","initTimeout","overlays","configure","setColors","setMargins","_this","draw","list","baseHeight","translateY","leftMargin","rightMargin","validate","_setup","makeContainer","components","Map","chartWrapper","statsWrapper","tip","bindTooltip","onlyWidthChange","init","calcWidth","calc","makeChartArea","setupComponents","forEach","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","point","dataset","dataPoint","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","a","sumOfRemaining","legendTotals","x_values","formatted_labels","_this3","PercentageChart","marginTop","marginBottom","paddingTop","chart","percentageBar","grandTotal","reduce","slices","classList","contains","gOff","pOff","formattedLabels","percent","setValues","showTip","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","textContent","sliceStrings","transition","newData","positions","position","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","_this5","newStarts","oldStarts","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","PieChart","mouseMove","mouseLeave","hoverRadio","startAngle","calcSlices","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","component","property","flag","calTranslateByAngle","g_off","pageX","pageY","get","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","domain","subdomain","discrete_domains","count_label","today","legend_colors","validate_colors","distribution_size","translateX","valid","warn","setFullYear","first_week_start","toDateString","last_week_start","getDay","no_of_cols","domainLabelGroup","dataGroups","data_values","month_names","renderAllWeeksAndStoreXValues","no_of_weeks","current_week_sunday","week_col","current_month","months","month_weeks","month_start_points","data_group","month_change","day","get_week_squares_group","render_month_labels","current_date","today_time","getTime","week_col_change","square_side","data_value","colorIndex","current_timestamp","timestamp","round","dataAttr","heatSquare","next_date","shift","pop","substring","prototype","call","querySelectorAll","date_parts","month","p_off","barOptions","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","relX","mapTooltipXPosition","titles","formatY","xVal","overlayGuides","currentIndex","currentUnit","_this6","units_array","_this8","setCurrentDataPoint","getDataPoint","datasetValues","splice"],"mappings":"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"}
\ No newline at end of file
+{"version":3,"file":"frappe-charts.min.js","sources":["../../../src/js/utils/dom.js","../../../src/js/utils/helpers.js","../../../src/js/utils/draw-utils.js","../../../src/js/utils/animate.js","../../../src/js/utils/draw.js","../../../src/js/utils/colors.js","../../../src/js/config.js","../../../src/js/utils/animation.js","../../../src/js/objects/ChartComponents.js","../../../src/js/utils/date-utils.js","../../../src/js/utils/intervals.js","../../../src/js/utils/axis-chart-utils.js","../../../src/js/chart.js","../../../src/js/objects/SvgTip.js","../../../src/js/utils/constants.js","../../../src/js/charts/BaseChart.js","../../../src/js/charts/AggregationChart.js","../../../src/js/charts/PercentageChart.js","../../../src/js/charts/PieChart.js","../../../src/js/charts/Heatmap.js","../../../src/js/charts/AxisChart.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n rect.left >= 0 &&\n rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n","import { ANGLE_RATIO } from './constants';\n\n/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop, value) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n\nexport function getPositionByAngle(angle, radius) {\n\treturn {\n\t\tx:Math.sin(angle * ANGLE_RATIO) * radius,\n\t\ty:Math.cos(angle * ANGLE_RATIO) * radius,\n\t};\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textraCount = array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extraCount > 0) {\n\t\tarray1 = fillArray(array1, extraCount);\n\t} else {\n\t\tarray2 = fillArray(array2, extraCount);\n\t}\n\treturn [array1, array2];\n}\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t]\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, index=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t]\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\nexport function animatePathStr(oldPath, pathStr) {\n\treturn [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING];\n}\n\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from './animate';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nconst AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst BASE_BG_COLOR = '#F7FAFC';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(parent, className, transform='') {\n\treturn createSVG('g', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\ttransform: transform\n\t});\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none') {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill\n\t\t}\n\t});\n}\n\nexport function makeArcPathStr(startPosition, endPosition, center, radius, clockWise=1){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\n\n\treturn `M${center.x} ${center.y}\n\t\tL${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 0 ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY} z`;\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\n\tlet opacities = [1, 0.6, 0.2];\n\tif(lighter) {\n\t\topacities = [0.4, 0.2, 0];\n\t}\n\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\n\n\treturn gradientId;\n}\n\nexport function makeHeatSquare(className, x, y, size, fill='none', data={}) {\n\tlet args = {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: size,\n\t\theight: size,\n\t\tfill: fill\n\t};\n\n\tObject.keys(data).map(key => {\n\t\targs[key] = data[key];\n\t});\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function makeText(className, x, y, content) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label + \"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH\n\t\tx2 = width;\n\t}\n\n\tlet offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t// \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label+\"\", 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0, meta={}) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t}\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n}\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t}\n}\n\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nexport const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import Chart from './chart';\n\nconst ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nconst COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tscatter: ['line', 'bar', 'percentage', 'pie'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\n// Needs structure as per only labels/datasets\nconst COLOR_COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter'],\n\tline: ['scatter', 'bar'],\n\tpie: ['percentage'],\n\tscatter: ['line', 'bar'],\n\tpercentage: ['pie'],\n\theatmap: []\n};\n\nexport function getDifferentChart(type, current_type, parent, args) {\n\tif(type === current_type) return;\n\n\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t}\n\n\tif(!COMPATIBLE_CHARTS[current_type].includes(type)) {\n\t\tconsole.error(`'${current_type}' chart cannot be converted to a '${type}' chart.`);\n\t}\n\n\t// whether the new chart can use the existing colors\n\tconst useColor = COLOR_COMPATIBLE_CHARTS[current_type].includes(type);\n\n\t// Okay, this is anticlimactic\n\t// this function will need to actually be 'changeChartType(type)'\n\t// that will update only the required elements, but for now ...\n\n\targs.type = type;\n\targs.colors = useColor ? args.colors : undefined;\n\n\treturn new Chart(parent, args);\n}","// Leveraging SMIL Animations\n\nimport { REPLACE_ALL_NEW_DUR } from './animate';\n\nconst EASING = {\n\tease: \"0.25 0.1 0.25 1\",\n\tlinear: \"0 0 1 1\",\n\t// easein: \"0.42 0 1 1\",\n\teasein: \"0.1 0.8 0.2 1\",\n\teaseout: \"0 0 0.58 1\",\n\teaseinout: \"0.42 0 0.58 1\"\n};\n\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\n\n\tlet animElement = element.cloneNode(true);\n\tlet newElement = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animateElement;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet animAttr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: currentValue,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: currentValue + \";\" + value,\n\t\t\tkeySplines: EASING[easingType],\n\t\t\tkeyTimes: \"0;1\",\n\t\t\tcalcMode: \"spline\",\n\t\t\tfill: 'freeze'\n\t\t};\n\n\t\tif(type) {\n\t\t\tanimAttr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in animAttr) {\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\n\t\t}\n\n\t\tanimElement.appendChild(animateElement);\n\n\t\tif(type) {\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnewElement.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [animElement, newElement];\n}\n\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\n\telement.style.transform = style;\n\telement.style.webkitTransform = style;\n\telement.style.msTransform = style;\n\telement.style.mozTransform = style;\n\telement.style.oTransform = style;\n}\n\nfunction animateSVG(svgContainer, elements) {\n\tlet newElements = [];\n\tlet animElements = [];\n\n\telements.map(element => {\n\t\tlet unit = element[0];\n\t\tlet parent = unit.parentNode;\n\n\t\tlet animElement, newElement;\n\n\t\telement[0] = unit;\n\t\t[animElement, newElement] = animateSVGElement(...element);\n\n\t\tnewElements.push(newElement);\n\t\tanimElements.push([animElement, parent]);\n\n\t\tparent.replaceChild(animElement, unit);\n\t});\n\n\tlet animSvg = svgContainer.cloneNode(true);\n\n\tanimElements.map((animElement, i) => {\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\n\t\telements[i][0] = newElements[i];\n\t});\n\n\treturn animSvg;\n}\n\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\n\tif(elementsToAnimate.length === 0) return;\n\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\n\tif(svgElement.parentNode == parent) {\n\t\tparent.removeChild(svgElement);\n\t\tparent.appendChild(animSvgElement);\n\n\t}\n\n\t// Replace the new svgElement (data has already been replaced)\n\tsetTimeout(() => {\n\t\tif(animSvgElement.parentNode == parent) {\n\t\t\tparent.removeChild(animSvgElement);\n\t\t\tparent.appendChild(svgElement);\n\t\t}\n\t}, REPLACE_ALL_NEW_DUR);\n}\n","import { makeSVGGroup } from '../utils/draw';\nimport { makePath, xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar,\n\tanimateDot, animatePath, animatePathStr } from '../utils/animate';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform);\n\t}\n\n\tmake() {\n\t\tthis.render(this.data);\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = []\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data);\n\t\t}\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tpieSlices: {\n\t\tlayerClass: 'pie-slices',\n\t\tmakeElements(data) {\n\t\t\treturn data.sliceStrings.map((s, i) =>{\n\t\t\t\tlet slice = makePath(s, 'pie-path', 'none', data.colors[i]);\n\t\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\t\treturn slice;\n\t\t\t});\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\treturn this.store.map((slice, i) =>\n\t\t\t\tanimatePathStr(slice, newData.sliceStrings[i])\n\t\t\t);\n\t\t}\n\t},\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.calcLabels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.calcLabels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.calcLabels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tcalcLabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(marker =>\n\t\t\t\tyMarker(marker.position, marker.label, this.constants.width,\n\t\t\t\t\t{pos:'right', mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.position);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.start, region.end, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.end);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.start);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.end);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\t\t\tlet oldStarts = this.oldData.map(d => d.start);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstart: oldStarts[i],\n\t\t\t\t\tend: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i], c.index,\n\t\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t}\n\n\t\t\tthis.units = []\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t)\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n}\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t})\n\treturn new ChartComponent(config);\n}\n","// Playing around with dates\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(dateStr) {\n\tlet result = new Date(dateStr);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getDdMmYyyy(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\t(dd>9 ? '' : '0') + dd,\n\t\t(mm>9 ? '' : '0') + mm,\n\t\tdate.getFullYear()\n\t].join('-');\n}\n\nexport function getWeeksBetween(startDateStr, endDateStr) {\n\treturn Math.ceil(getDaysBetween(startDateStr, endDateStr) / 7);\n}\n\nexport function getDaysBetween(startDateStr, endDateStr) {\n\tlet millisecondsPerDay = 24 * 60 * 60 * 1000;\n\treturn (treatAsUtc(endDateStr) - treatAsUtc(startDateStr)) / millisecondsPerDay;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n\nexport function getMonthName(i) {\n\tlet monthNames = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t];\n\treturn monthNames[i];\n}\n","import { floatTwo } from './helpers';\n\nfunction normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier)\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { floatTwo, fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map((d, i)=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t}\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}","import '../scss/charts.scss';\n\n// import MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\n\nconst chartTypes = {\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nexport default class Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.titleName = '';\n\t\tthis.titleValue = '';\n\t\tthis.listValues = [];\n\t\tthis.titleValueFirst = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.makeTooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calcPosition();\n\t\t// this.showTip();\n\t}\n\n\tmakeTooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `\n\t\t\t\t\n\t\t\t\t`\n\t\t});\n\t\tthis.hideTip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.dataPointList = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hideTip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.index) {\n\t\t\tthis.container.setAttribute('data-point-index', this.index);\n\t\t}\n\t\tif(this.titleValueFirst) {\n\t\t\ttitle = `${this.titleValue}${this.titleName}`;\n\t\t} else {\n\t\t\ttitle = `${this.titleName}${this.titleValue}`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.dataPointList.innerHTML = '';\n\n\t\tthis.listValues.map((set, i) => {\n\t\t\tconst color = this.colors[i] || 'black';\n\n\t\t\tlet li = $.create('li', {\n\t\t\t\tstyles: {\n\t\t\t\t\t'border-top': `3px solid ${color}`\n\t\t\t\t},\n\t\t\t\tinnerHTML: `${ set.value === 0 || set.value ? set.value : '' }\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.dataPointList.appendChild(li);\n\t\t});\n\t}\n\n\tcalcPosition() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet maxLeft = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > maxLeft) {\n\t\t\tlet delta = this.left - maxLeft;\n\t\t\tlet pointerOffset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointerOffset;\n\n\t\t\tthis.left = maxLeft;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tsetValues(x, y, title = {}, listValues = [], index = -1) {\n\t\tthis.titleName = title.name;\n\t\tthis.titleValue = title.value;\n\t\tthis.listValues = listValues;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.titleValueFirst = title.valueFirst || 0;\n\t\tthis.index = index;\n\t\tthis.refresh();\n\t}\n\n\thideTip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshowTip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","export const VERT_SPACE_OUTSIDE_BASE_CHART = 50;\nexport const TRANSLATE_Y_BASE_CHART = 20;\nexport const LEFT_MARGIN_BASE_CHART = 60;\nexport const RIGHT_MARGIN_BASE_CHART = 40;\nexport const Y_AXIS_MARGIN = 60;\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const BAR_CHART_SPACE_RATIO = 0.5;\nexport const MIN_BAR_PERCENT_HEIGHT = 0.01;\n\nexport const LINE_CHART_DOT_SIZE = 4;\nexport const DOT_OVERLAY_SIZE_INCR = 4;\n\nexport const DEFAULT_CHAR_WIDTH = 7;\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup } from '../utils/draw';\nimport { getStringWidth } from '../utils/helpers';\nimport { VERT_SPACE_OUTSIDE_BASE_CHART, TRANSLATE_Y_BASE_CHART, LEFT_MARGIN_BASE_CHART,\n\tRIGHT_MARGIN_BASE_CHART, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT } from '../utils/constants';\nimport { getColor, DEFAULT_COLORS } from '../utils/colors';\nimport { getDifferentChart } from '../config';\nimport { runSMILAnimation } from '../utils/animation';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.parent = typeof parent === 'string' ? document.querySelector(parent) : parent;\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.title = options.title || '';\n\t\tthis.subtitle = options.subtitle || '';\n\t\tthis.argHeight = options.height || 240;\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\t\tthis.colors = [];\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: options.showLegend || 1,\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tthis.initTimeout = INIT_CHART_UPDATE_TIMEOUT;\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure(args) {\n\t\tthis.setColors();\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw(true));\n\t\twindow.addEventListener('orientationchange', () => this.draw(true));\n\t}\n\n\tsetColors() {\n\t\tlet args = this.rawChartArgs;\n\n\t\t// Needs structure as per only labels/datasets, from config\n\t\tconst list = args.type === 'percentage' || args.type === 'pie'\n\t\t\t? args.data.labels\n\t\t\t: args.data.datasets;\n\n\t\tif(!args.colors || (list && args.colors.length < list.length)) {\n\t\t\tthis.colors = DEFAULT_COLORS;\n\t\t} else {\n\t\t\tthis.colors = args.colors;\n\t\t}\n\n\t\tthis.colors = this.colors.map(color => getColor(color));\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - VERT_SPACE_OUTSIDE_BASE_CHART;\n\t\tthis.translateY = TRANSLATE_Y_BASE_CHART;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = LEFT_MARGIN_BASE_CHART;\n\t\tthis.rightMargin = RIGHT_MARGIN_BASE_CHART;\n\t}\n\n\tvalidate() {\n\t\treturn true;\n\t}\n\n\tsetup() {\n\t\tif(this.validate()) {\n\t\t\tthis._setup();\n\t\t}\n\t}\n\n\t_setup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tsetupComponents() {\n\t\tthis.components = new Map();\n\t}\n\n\tmakeContainer() {\n\t\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `${this.title}
\n\t\t\t\t${this.subtitle}
\n\t\t\t\t\n\t\t\t\t`\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chartWrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.statsWrapper = this.container.querySelector('.graph-stats-container');\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chartWrapper,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.calcWidth();\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.makeChartArea();\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\n\t\t// this.components.forEach(c => c.make());\n\t\tthis.render(this.components, false);\n\n\t\tif(init) {\n\t\t\tthis.data = this.realData;\n\t\t\tsetTimeout(() => {this.update();}, this.initTimeout);\n\t\t}\n\n\t\tif(!onlyWidthChange) {\n\t\t\tthis.renderLegend();\n\t\t}\n\n\t\tthis.setupNavigation(init);\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - (this.leftMargin + this.rightMargin);\n\t}\n\n\tupdate(data=this.data) {\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tcalc() {} // builds state\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.forEach(c => {\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\n\t\t});\n\t\tif(elementsToAnimate.length > 0) {\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\t// if(!this.overlayGuides){\n\t\t\t\tthis.makeOverlay();\n\t\t\t\tthis.bindUnits();\n\t\t\t// } else {\n\t\t\t// \tthis.updateOverlay();\n\t\t\t// }\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.chartWrapper.removeChild(this.svg);\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.chartWrapper,\n\t\t\t'chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// I WISH !!!\n\t\t// this.svg = makeSVGGroup(\n\t\t// \tsvgContainer,\n\t\t// \t'flipped-coord-system',\n\t\t// \t`translate(0, ${this.baseHeight}) scale(1, -1)`\n\t\t// );\n\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${this.translateY})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.chartWrapper)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\tgetDataPoint(index = 0) {}\n\tsetCurrentDataPoint(point) {}\n\n\tupdateDataset(dataset, index) {}\n\taddDataset(dataset, index) {}\n\tremoveDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {}\n\n\tupdateDataPoint(dataPoint, index = 0) {}\n\taddDataPoint(dataPoint, index = 0) {}\n\tremoveDataPoint(index = 0) {}\n\n\tgetDifferentChart(type) {\n\t\treturn getDifferentChart(type, this.type, this.parent, this.rawChartArgs);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class AggregationChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\tthis.config.maxSlices = args.maxSlices || 20;\n\t\tthis.config.maxLegendPoints = args.maxLegendPoints || 20;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\t\tlet maxSlices = this.config.maxSlices;\n\t\ts.sliceTotals = [];\n\n\t\tlet allTotals = this.data.labels.map((label, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, label];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = allTotals;\n\t\tif(allTotals.length > maxSlices) {\n\t\t\t// Prune and keep a grey area for rest as per maxSlices\n\t\t\tallTotals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = allTotals.slice(0, maxSlices-1);\n\t\t\tlet remaining = allTotals.slice(maxSlices-1);\n\n\t\t\tlet sumOfRemaining = 0;\n\t\t\tremaining.map(d => {sumOfRemaining += d[0];});\n\t\t\ttotals.push([sumOfRemaining, 'Rest']);\n\t\t\tthis.colors[maxSlices-1] = 'grey';\n\t\t}\n\n\t\ts.labels = [];\n\t\ttotals.map(d => {\n\t\t\ts.sliceTotals.push(d[0]);\n\t\t\ts.labels.push(d[1]);\n\t\t});\n\t}\n\n\trenderLegend() {\n\t\tlet s = this.state;\n\n\t\tthis.statsWrapper.textContent = '';\n\n\t\tthis.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\tlet xValues = s.labels;\n\t\tthis.legendTotals.map((d, i) => {\n\t\t\tif(d) {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `\n\t\t\t\t\t\n\t\t\t\t\t${xValues[i]}:\n\t\t\t\t\t${d}\n\t\t\t\t`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.setup();\n\t}\n\n\tmakeChartArea() {\n\t\tthis.chartWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.chartWrapper.style.marginTop = '45px';\n\n\t\tthis.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.statsWrapper.style.marginBottom = '30px';\n\t\tthis.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chartWrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.svg\n\t\t});\n\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\trender() {\n\t\tlet s = this.state;\n\t\tthis.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\t\ts.slices = [];\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\t'data-index': i,\n\t\t\t\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grandTotal + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\ts.slices.push(slice);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet slice = e.target;\n\t\t\tif(slice.classList.contains('progress-bar')) {\n\n\t\t\t\tlet i = slice.getAttribute('data-index');\n\t\t\t\tlet gOff = getOffset(this.chartWrapper), pOff = getOffset(slice);\n\n\t\t\t\tlet x = pOff.left - gOff.left + slice.offsetWidth/2;\n\t\t\t\tlet y = pOff.top - gOff.top - 6;\n\t\t\t\tlet title = (this.formattedLabels && this.formattedLabels.length>0\n\t\t\t\t\t? this.formattedLabels[i] : this.state.labels[i]) + ': ';\n\t\t\t\tlet percent = (s.sliceTotals[i]*100/this.grandTotal).toFixed(1);\n\n\t\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\t\tthis.tip.showTip();\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makeArcPathStr } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { transform } from '../utils/animation';\nimport { FULL_ANGLE } from '../utils/constants';\n\nexport default class PieChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'pie';\n\t\tthis.initTimeout = 0;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.config.startAngle = args.startAngle || 0;\n\n\t\tthis.clockWise = args.clockWise || false;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\tthis.init = 1;\n\t\treturn data;\n\t}\n\n\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\n\t\tthis.center = {\n\t\t\tx: this.width / 2,\n\t\t\ty: this.height / 2\n\t\t};\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\n\n\t\ts.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\n\t\tthis.calcSlices();\n\t}\n\n\tcalcSlices() {\n\t\tlet s = this.state;\n\t\tconst { radius, clockWise } = this;\n\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\n\t\ts.sliceStrings = [];\n\t\ts.slicesProperties = [];\n\t\tlet curAngle = 180 - this.config.startAngle;\n\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\n\n\t\t\tlet curStart,curEnd;\n\t\t\tif(this.init) {\n\t\t\t\tcurStart = prevProperty ? prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty ? prevProperty.endPosition : startPosition;\n\t\t\t} else {\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);\n\n\t\t\ts.sliceStrings.push(curPath);\n\t\t\ts.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: s.grandTotal,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\n\t\t});\n\t\tthis.init = 0;\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'pieSlices',\n\t\t\t\t{ },\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\n\t\t\t\t\t\tcolors: this.colors\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag) {\n\t\t\ttransform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\n\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\tthis.tip.showTip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hideTip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tbindTooltip() {\n\t\tthis.chartWrapper.addEventListener('mousemove', this.mouseMove);\n\t\tthis.chartWrapper.addEventListener('mouseleave', this.mouseLeave);\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet slices = this.components.get('pieSlices').store;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tif(slices.includes(target)) {\n\t\t\tlet i = slices.indexOf(target);\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\n\t\t\tthis.curActiveSlice = target;\n\t\t\tthis.curActiveSliceIndex = i;\n\t\t\tthis.hoverSlice(target, i, true, e);\n\t\t} else {\n\t\t\tthis.mouseLeave();\n\t\t}\n\t}\n\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeHeatSquare, makeText } from '../utils/draw';\nimport { addDays, getDdMmYyyy, getWeeksBetween } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { isValidColor } from '../utils/colors';\n\nexport default class Heatmap extends BaseChart {\n\tconstructor(parent, options) {\n\t\tsuper(parent, options);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = options.domain || '';\n\t\tthis.subdomain = options.subdomain || '';\n\t\tthis.data = options.data || {};\n\t\tthis.discreteDomains = options.discreteDomains === 0 ? 0 : 1;\n\t\tthis.countLabel = options.countLabel || '';\n\n\t\tlet today = new Date();\n\t\tthis.start = options.start || addDays(today, 365);\n\n\t\tlet legendColors = (options.legendColors || []).slice(0, 5);\n\t\tthis.legendColors = this.validate_colors(legendColors)\n\t\t\t? legendColors\n\t\t\t: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\t// Fixed 5-color theme,\n\t\t// More colors are difficult to parse visually\n\t\tthis.distribution_size = 5;\n\n\t\tthis.translateX = 0;\n\t\tthis.setup();\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = 10;\n\t\tthis.translateY = 10;\n\t}\n\n\tvalidate_colors(colors) {\n\t\tif(colors.length < 5) return 0;\n\n\t\tlet valid = 1;\n\t\tcolors.forEach(function(string) {\n\t\t\tif(!isValidColor(string)) {\n\t\t\t\tvalid = 0;\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t}\n\t\t}, this);\n\n\t\treturn valid;\n\t}\n\n\tconfigure() {\n\t\tsuper.configure();\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.firstWeekStart = new Date(this.start.toDateString());\n\t\tthis.lastWeekStart = new Date(this.today.toDateString());\n\t\tif(this.firstWeekStart.getDay() !== 7) {\n\t\t\taddDays(this.firstWeekStart, (-1) * this.firstWeekStart.getDay());\n\t\t}\n\t\tif(this.lastWeekStart.getDay() !== 7) {\n\t\t\taddDays(this.lastWeekStart, (-1) * this.lastWeekStart.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.firstWeekStart + '', this.lastWeekStart + '') + 1;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discreteDomains) {\n\t\t\tthis.baseWidth += (12 * 12);\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tsuper.makeChartArea();\n\t\tthis.domainLabelGroup = makeSVGGroup(this.drawArea,\n\t\t\t'domain-label-group chart-label');\n\n\t\tthis.dataGroups = makeSVGGroup(this.drawArea,\n\t\t\t'data-groups',\n\t\t\t`translate(0, 20)`\n\t\t);\n\n\t\tthis.container.querySelector('.title').style.display = 'None';\n\t\tthis.container.querySelector('.sub-title').style.display = 'None';\n\t\tthis.container.querySelector('.graph-stats-container').style.display = 'None';\n\t\tthis.chartWrapper.style.marginTop = '0px';\n\t\tthis.chartWrapper.style.paddingTop = '0px';\n\t}\n\n\tcalc() {\n\n\t\tlet dataValues = Object.keys(this.data).map(key => this.data[key]);\n\t\tthis.distribution = calcDistribution(dataValues, this.distribution_size);\n\n\t\tthis.monthNames = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\t}\n\n\trender() {\n\t\tthis.renderAllWeeksAndStoreXValues(this.no_of_cols);\n\t}\n\n\trenderAllWeeksAndStoreXValues(no_of_weeks) {\n\t\t// renderAllWeeksAndStoreXValues\n\t\tthis.domainLabelGroup.textContent = '';\n\t\tthis.dataGroups.textContent = '';\n\n\t\tlet currentWeekSunday = new Date(this.firstWeekStart);\n\t\tthis.weekCol = 0;\n\t\tthis.currentMonth = currentWeekSunday.getMonth();\n\n\t\tthis.months = [this.currentMonth + ''];\n\t\tthis.monthWeeks = {}, this.monthStartPoints = [];\n\t\tthis.monthWeeks[this.currentMonth] = 0;\n\t\tthis.monthStartPoints.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet dataGroup, monthChange = 0;\n\t\t\tlet day = new Date(currentWeekSunday);\n\n\t\t\t[dataGroup, monthChange] = this.get_week_squares_group(day, this.weekCol);\n\t\t\tthis.dataGroups.appendChild(dataGroup);\n\t\t\tthis.weekCol += 1 + parseInt(this.discreteDomains && monthChange);\n\t\t\tthis.monthWeeks[this.currentMonth]++;\n\t\t\tif(monthChange) {\n\t\t\t\tthis.currentMonth = (this.currentMonth + 1) % 12;\n\t\t\t\tthis.months.push(this.currentMonth + '');\n\t\t\t\tthis.monthWeeks[this.currentMonth] = 1;\n\t\t\t}\n\t\t\taddDays(currentWeekSunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(currentDate, index) {\n\t\tconst noOfWeekdays = 7;\n\t\tconst squareSide = 10;\n\t\tconst cellPadding = 2;\n\t\tconst step = 1;\n\t\tconst todayTime = this.today.getTime();\n\n\t\tlet monthChange = 0;\n\t\tlet weekColChange = 0;\n\n\t\tlet dataGroup = makeSVGGroup(this.dataGroups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < noOfWeekdays; i += step, y += (squareSide + cellPadding)) {\n\t\t\tlet dataValue = 0;\n\t\t\tlet colorIndex = 0;\n\n\t\t\tlet currentTimestamp = currentDate.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(currentTimestamp - (currentTimestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdataValue = this.data[timestamp];\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdataValue = this.data[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(dataValue) {\n\t\t\t\tcolorIndex = getMaxCheckpoint(dataValue, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + weekColChange) * 12;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(currentDate),\n\t\t\t\t'data-value': dataValue,\n\t\t\t\t'data-day': currentDate.getDay()\n\t\t\t};\n\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, squareSide,\n\t\t\t\tthis.legendColors[colorIndex], dataAttr);\n\n\t\t\tdataGroup.appendChild(heatSquare);\n\n\t\t\tlet nextDate = new Date(currentDate);\n\t\t\taddDays(nextDate, 1);\n\t\t\tif(nextDate.getTime() > todayTime) break;\n\n\n\t\t\tif(nextDate.getMonth() - currentDate.getMonth()) {\n\t\t\t\tmonthChange = 1;\n\t\t\t\tif(this.discreteDomains) {\n\t\t\t\t\tweekColChange = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.monthStartPoints.push(13 + (index + weekColChange) * 12);\n\t\t\t}\n\t\t\tcurrentDate = nextDate;\n\t\t}\n\n\t\treturn [dataGroup, monthChange];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.firstWeekStart.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.monthStartPoints.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.monthStartPoints.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.monthStartPoints.shift();\n\t\tthis.months.pop();\n\t\tthis.monthStartPoints.pop();\n\n\t\tthis.monthStartPoints.map((start, i) => {\n\t\t\tlet month_name = this.monthNames[this.months[i]].substring(0, 3);\n\t\t\tlet text = makeText('y-value-text', start+12, 10, month_name);\n\t\t\tthis.domainLabelGroup.appendChild(text);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet dateParts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.monthNames[parseInt(dateParts[1])-1].substring(0, 3);\n\n\t\t\t\tlet gOff = this.chartWrapper.getBoundingClientRect(), pOff = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = pOff.left - gOff.left + (width+2)/2;\n\t\t\t\tlet y = pOff.top - gOff.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.countLabel;\n\t\t\t\tlet name = ' on ' + month + ' ' + dateParts[0] + ', ' + dateParts[2];\n\n\t\t\t\tthis.tip.setValues(x, y, {name: name, value: value, valueFirst: 1}, []);\n\t\t\t\tthis.tip.showTip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tsuper.update(data);\n\t\tthis.bindTooltip();\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\nimport { Y_AXIS_MARGIN } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { $, getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay } from '../utils/draw';\nimport { MIN_BAR_PERCENT_HEIGHT, BAR_CHART_SPACE_RATIO, LINE_CHART_DOT_SIZE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\n\t\tthis.barOptions = args.barOptions || {};\n\t\tthis.lineOptions = args.lineOptions || {};\n\n\t\tthis.type = args.type || 'line';\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure();\n\n\t\targs.axisOptions = args.axisOptions || {};\n\t\targs.tooltipOptions = args.tooltipOptions || {};\n\n\t\tthis.config.xAxisMode = args.axisOptions.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = args.axisOptions.yAxisMode || 'span';\n\t\tthis.config.xIsSeries = args.axisOptions.xIsSeries || 0;\n\n\t\tthis.config.formatTooltipX = args.tooltipOptions.formatTooltipX;\n\t\tthis.config.formatTooltipY = args.tooltipOptions.formatTooltipY;\n\n\t\tthis.config.valuesOverPoints = args.valuesOverPoints;\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = Y_AXIS_MARGIN;\n\t\tthis.rightMargin = Y_AXIS_MARGIN;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn zeroDataPrep(data);\n\t}\n\n\tcalc(onlyWidthChange = false) {\n\t\tthis.calcXPositions();\n\t\tif(onlyWidthChange) return;\n\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t}\n\n\tcalcXPositions() {\n\t\tlet s = this.state;\n\t\tlet labels = this.data.labels;\n\t\ts.datasetLength = labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\n\n\t\ts.xAxis = {\n\t\t\tlabels: labels,\n\t\t\tpositions: labels.map((d, i) =>\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t\t)\n\t\t};\n\t}\n\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tthis.state.yAxis = {\n\t\t\tlabels: yPts,\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\n\t\t\tscaleMultiplier: scaleMultiplier,\n\t\t\tzeroLine: zeroLine,\n\t\t};\n\n\t\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map(d => {\n\t\t\td.yPositions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = scale(d.value, s.yAxis);\n\t\t\t\t// if(!d.label.includes(':')) {\n\t\t\t\t// \td.label += ': ' + d.value;\n\t\t\t\t// }\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\td.start = scale(d.start, s.yAxis);\n\t\t\t\td.end = scale(d.end, s.yAxis);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\t// TODO: yMarkers, regions, sums, every Y value ever\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...this.data.datasets.map(d => d[key]));\n\t}\n\n\tsetupComponents() {\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\n\n\t\t\t\t\treturn s.xAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yRegions;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\t\t];\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.config.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yMarkers;\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.chartWrapper);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.translateY;\n\n\t\t\tif(relY < this.height + this.translateY * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hideTip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet formatY = this.config.formatTooltipY;\n\t\tlet formatX = this.config.formatTooltipX;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(formatX && formatX(titles[0])) {\n\t\t\ttitles = titles.map(d=>formatX(d));\n\t\t}\n\n\t\tformatY = formatY && formatY(s.yAxis.labels[0]) ? formatY : 0;\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.translateY;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.name,\n\t\t\t\t\t\tvalue: formatY ? formatY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.setValues(x, y, {name: titles[i], value: ''}, values, i);\n\t\t\t\tthis.tip.showTip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\trenderLegend() {\n\t\tlet s = this.data;\n\t\tthis.statsWrapper.textContent = '';\n\n\t\tif(s.datasets.length > 1) {\n\t\t\ts.datasets.map((d, i) => {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `\n\t\t\t\t\t\n\t\t\t\t\t${d.name}\n\t\t\t\t`;\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t};\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t});\n\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\tthis.parent.addEventListener('data-select', () => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits() {\n\t\tthis.dataUnitComponents.map(c => {\n\t\t\tc.units.map(unit => {\n\t\t\t\tunit.addEventListener('click', () => {\n\t\t\t\t\tlet index = unit.getAttribute('data-point-index');\n\t\t\t\t\tthis.setCurrentDataPoint(index);\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\n\t\t// Note: Doesn't work as tooltip is absolutely positioned\n\t\tthis.tip.container.addEventListener('click', () => {\n\t\t\tlet index = this.tip.container.getAttribute('data-point-index');\n\t\t\tthis.setCurrentDataPoint(index);\n\t\t});\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t});\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\tlet s = this.state;\n\t\tlet data_point = {\n\t\t\tindex: index,\n\t\t\tlabel: s.xAxis.labels[index],\n\t\t\tvalues: s.datasets.map(d => d.values[index])\n\t\t};\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\tif(datasets[i]) {\n\t\t\t\td.values = datasets[i];\n\t\t\t}\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n"],"names":["$","expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getPositionByAngle","angle","radius","sin","ANGLE_RATIO","cos","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extraCount","translate","unit","oldCoord","newCoord","duration","old","join","transform","STD_EASING","translateVertLine","xLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","yLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","x","width","offset","nodeName","UNIT_ANIM_DUR","split","slice","animateDot","dot","cx","cy","animatePath","paths","newXList","newYList","pathComponents","pathStr","map","i","animPath","path","PATH_ANIM_DUR","push","region","regStartPt","regEndPt","animRegion","animatePathStr","oldPath","createSVG","tag","o","createElementNS","val","appendChild","ref","parentNode","insertBefore","keys","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","color","opacity","makeSVGContainer","parent","className","makeSVGDefs","svgContainer","makeSVGGroup","makePath","makeArcPathStr","startPosition","endPosition","center","clockWise","arcStartX","arcStartY","arcEndX","arcEndY","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","size","data","args","key","makeText","content","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","pos","mode","AXIS_TICK_LENGTH","yMarker","labelSvg","yRegion","datasetBar","index","meta","minHeight","group","datasetDot","getPaths","xList","yList","pointsStr","heatline","gradient_id","svgDefs","regionFill","gradient_id_region","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","getDifferentChart","current_type","ALL_CHART_TYPES","includes","error","COMPATIBLE_CHARTS","useColor","COLOR_COMPATIBLE_CHARTS","colors","undefined","Chart","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","getComponent","name","constants","getData","Object","componentConfigs","filter","k","config","assign","ChartComponent","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","ceil","getDaysBetween","addDays","numberOfDays","setDate","normalize","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getChartByType","AxisChart","chartTypes","create","createElement","SvgTip","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","container","this","hideTip","title","dataPointList","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","valueFirst","refresh","INIT_CHART_UPDATE_TIMEOUT","PI","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","DEFAULT_COLORS","BaseChart","rawChartArgs","HTMLElement","Error","subtitle","argHeight","prepareData","prepareFirstData","showLegend","isNavigable","state","initTimeout","overlays","configure","setColors","setMargins","_this","draw","list","baseHeight","translateY","leftMargin","rightMargin","validate","_setup","makeContainer","components","Map","chartWrapper","statsWrapper","tip","bindTooltip","onlyWidthChange","init","calcWidth","calc","makeChartArea","setupComponents","forEach","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","point","dataset","dataPoint","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","a","sumOfRemaining","textContent","legendTotals","xValues","_this3","PercentageChart","marginTop","marginBottom","paddingTop","chart","percentageBar","grandTotal","reduce","slices","classList","contains","gOff","pOff","formattedLabels","percent","setValues","showTip","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","sliceStrings","transition","newData","positions","position","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","_this5","newStarts","oldStarts","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","PieChart","mouseMove","mouseLeave","hoverRadio","startAngle","calcSlices","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","component","property","flag","calTranslateByAngle","g_off","pageX","pageY","formatted_labels","get","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","domain","subdomain","discreteDomains","countLabel","today","legendColors","validate_colors","distribution_size","translateX","valid","warn","setFullYear","firstWeekStart","toDateString","lastWeekStart","getDay","no_of_cols","domainLabelGroup","dataGroups","display","dataValues","monthNames","renderAllWeeksAndStoreXValues","no_of_weeks","currentWeekSunday","weekCol","currentMonth","months","monthWeeks","monthStartPoints","dataGroup","monthChange","day","get_week_squares_group","render_month_labels","currentDate","todayTime","getTime","weekColChange","squareSide","dataValue","colorIndex","currentTimestamp","timestamp","round","dataAttr","heatSquare","nextDate","shift","pop","substring","prototype","call","querySelectorAll","dateParts","month","barOptions","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","unitWidth","xOffset","xAxis","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","relX","mapTooltipXPosition","formatY","formatX","titles","xVal","_this6","overlayGuides","currentIndex","currentUnit","_this7","setCurrentDataPoint","_this9","_this10","getDataPoint","datasetValues","splice"],"mappings":"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"}
\ No newline at end of file
diff --git a/docs/assets/js/index.js b/docs/assets/js/index.js
index a1911ac..f80e224 100755
--- a/docs/assets/js/index.js
+++ b/docs/assets/js/index.js
@@ -1,76 +1,100 @@
// Composite Chart
// ================================================================================
-let report_count_list = [17, 40, 33, 44, 126, 156,
- 324, 333, 478, 495, 527];
+let reportCountList = [152, 222, 199, 287, 534, 709,
+ 1179, 1256, 1632, 1856, 1850];
-let bar_composite_data = {
+let lineCompositeData = {
labels: ["2007", "2008", "2009", "2010", "2011", "2012",
"2013", "2014", "2015", "2016", "2017"],
yMarkers: [
{
- label: "Marker 1",
- value: 420,
- },
- {
- label: "Marker 2",
- value: 250,
+ label: "Average 100 reports/month",
+ value: 1200,
}
],
- yRegions: [
- {
- label: "Region Y 1",
- start: 100,
- end: 300
- },
- ],
-
datasets: [{
"name": "Events",
- "values": report_count_list,
- // "formatted": report_count_list.map(d => d + " reports")
+ "values": reportCountList
}]
};
-let line_composite_data = {
- labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
- datasets: [{
- "values": [37, 36, 32, 33, 12, 34, 52, 45, 58, 57, 64, 35],
- // "values": [36, 46, 45, 32, 27, 31, 30, 36, 39, 49, 40, 40],
- // "values": [-36, -46, -45, -32, -27, -31, -30, -36, -39, -49, -40, -40],
- }]
-};
-let more_line_data = [
- [4, 0, 3, 1, 1, 2, 1, 2, 1, 0, 1, 1],
+let fireball_5_25 = [
+ [4, 0, 3, 1, 1, 2, 1, 1, 1, 0, 1, 1],
+ [2, 3, 3, 2, 1, 3, 0, 1, 2, 7, 10, 4],
+ [5, 6, 2, 4, 0, 1, 4, 3, 0, 2, 0, 1],
+ [0, 2, 6, 2, 1, 1, 2, 3, 6, 3, 7, 8],
+ [6, 8, 7, 7, 4, 5, 6, 5, 22, 12, 10, 11],
+ [7, 10, 11, 7, 3, 2, 7, 7, 11, 15, 22, 20],
+ [13, 16, 21, 18, 19, 17, 12, 17, 31, 28, 25, 29],
+ [24, 14, 21, 14, 11, 15, 19, 21, 41, 22, 32, 18],
+ [31, 20, 30, 22, 14, 17, 21, 35, 27, 50, 117, 24],
+ [32, 24, 21, 27, 11, 27, 43, 37, 44, 40, 48, 32],
+ [31, 38, 36, 26, 23, 23, 25, 29, 26, 47, 61, 50],
+];
+let fireball_2_5 = [
+ [22, 6, 6, 9, 7, 8, 6, 14, 19, 10, 8, 20],
+ [11, 13, 12, 8, 9, 11, 9, 13, 10, 22, 40, 24],
+ [20, 13, 13, 19, 13, 10, 14, 13, 20, 18, 5, 9],
+ [7, 13, 16, 19, 12, 11, 21, 27, 27, 24, 33, 33],
+ [38, 25, 28, 22, 31, 21, 35, 42, 37, 32, 46, 53],
+ [50, 33, 36, 34, 35, 28, 27, 52, 58, 59, 75, 69],
+ [54, 67, 67, 45, 66, 51, 38, 64, 90, 113, 116, 87],
+ [84, 52, 56, 51, 55, 46, 50, 87, 114, 83, 152, 93],
+ [73, 58, 59, 63, 56, 51, 83, 140, 103, 115, 265, 89],
+ [106, 95, 94, 71, 77, 75, 99, 136, 129, 154, 168, 156],
+ [81, 102, 95, 72, 58, 91, 89, 122, 124, 135, 183, 171],
+];
+let fireballOver25 = [
// [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
- [2, 3, 3, 2, 1, 4, 0, 1, 2, 7, 11, 4],
- [7, 7, 2, 4, 0, 1, 5, 3, 1, 2, 0, 1],
- [0, 2, 6, 2, 2, 1, 2, 3, 6, 3, 7, 10],
- [9, 10, 8, 10, 6, 5, 8, 8, 24, 15, 10, 13],
- [9, 13, 16, 9, 4, 5, 7, 10, 14, 22, 23, 24],
- [20, 22, 28, 19, 28, 19, 14, 19, 51, 37, 29, 38],
- [29, 20, 22, 16, 16, 19, 24, 26, 57, 31, 46, 27],
- [36, 24, 38, 27, 15, 22, 24, 38, 32, 57, 139, 26],
- [37, 36, 32, 33, 12, 34, 52, 45, 58, 57, 64, 35],
- [36, 46, 45, 32, 27, 31, 30, 36, 39, 58, 82, 62],
- // [36, 46, 45, 32, 27, 31, 30, 36, 39, 49, 40, 40]
- // [-36, -46, -45, -32, -27, -31, -30, -36, -39, -49, -40, -40]
+ [0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0],
+ [0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0],
+ [1, 1, 0, 0, 0, 0, 1, 0, 1, 0, 0, 0],
+ [0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 2],
+ [3, 2, 1, 3, 2, 0, 2, 2, 2, 3, 0, 1],
+ [2, 3, 5, 2, 1, 3, 0, 2, 3, 5, 1, 4],
+ [7, 4, 6, 1, 9, 2, 2, 2, 20, 9, 4, 9],
+ [5, 6, 1, 2, 5, 4, 5, 5, 16, 9, 14, 9],
+ [5, 4, 7, 5, 1, 5, 3, 3, 5, 7, 22, 2],
+ [5, 13, 11, 6, 1, 7, 9, 8, 14, 17, 16, 3],
+ [8, 9, 8, 6, 4, 8, 5, 6, 14, 11, 21, 12]
];
+let monthNames = ["January", "February", "March", "April", "May", "June",
+ "July", "August", "September", "October", "November", "December"];
+
+let barCompositeData = {
+ labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+ datasets: [
+ {
+ name: "Over 25 reports",
+ values: fireballOver25[9],
+ },
+ {
+ name: "5 to 25 reports",
+ values: fireball_5_25[9],
+ },
+ {
+ name: "2 to 5 reports",
+ values: fireball_2_5[9]
+ }
+ ]
+};
+
let c1 = document.querySelector("#chart-composite-1");
let c2 = document.querySelector("#chart-composite-2");
-let bar_composite_chart = new Chart (c1, {
+let lineCompositeChart = new Chart (c1, {
title: "Fireball/Bolide Events - Yearly (reported)",
- data: bar_composite_data,
+ data: lineCompositeData,
type: 'line',
- height: 180,
+ height: 190,
colors: ['green'],
isNavigable: 1,
isSeries: 1,
- // valuesOverPoints: 1,
+ valuesOverPoints: 1,
lineOptions: {
dotSize: 8
@@ -79,25 +103,33 @@ let bar_composite_chart = new Chart (c1, {
// regionFill: 1
});
-let line_composite_chart = new Chart (c2, {
- data: line_composite_data,
+let barCompositeChart = new Chart (c2, {
+ data: barCompositeData,
type: 'bar',
- height: 180,
- colors: ['#46a9f9'],
+ height: 190,
+ colors: ['violet', 'light-blue', '#46a9f9'],
isSeries: 1,
valuesOverPoints: 1,
- xAxisMode: 'tick'
+ axisOptions: {
+ xAxisMode: 'tick'
+ },
+ barOptions: {
+ stacked: 1
+ },
});
-bar_composite_chart.parent.addEventListener('data-select', (e) => {
- line_composite_chart.updateDataset(more_line_data[e.index]);
+lineCompositeChart.parent.addEventListener('data-select', (e) => {
+ let i = e.index;
+ barCompositeChart.updateDatasets([
+ fireballOver25[i], fireball_5_25[i], fireball_2_5[i]
+ ]);
});
// Demo Chart (bar, linepts, scatter(blobs), percentage)
// ================================================================================
-let type_data = {
+let typeData = {
labels: ["12am-3am", "3am-6am", "6am-9am", "9am-12pm",
"12pm-3pm", "3pm-6pm", "6pm-9pm", "9pm-12am"],
@@ -166,15 +198,13 @@ let type_data = {
]
};
-let type_chart = new Chart("#chart-types", {
- // title: "My Awesome Chart",
- data: type_data,
+let typeChart = new Chart("#chart-types", {
+ title: "My Awesome Chart",
+ data: typeData,
type: 'bar',
height: 250,
colors: ['purple', 'magenta', 'light-blue'],
isSeries: 1,
- xAxisMode: 'tick',
- yAxisMode: 'span',
valuesOverPoints: 1,
// maxLegendPoints: 6,
// maxSlices: 3,
@@ -184,86 +214,45 @@ let type_chart = new Chart("#chart-types", {
},
tooltipOptions: {
formatTooltipX: d => (d + '').toUpperCase(),
- formatTooltipY: d => d + ' pts'
+ formatTooltipY: d => d + ' pts',
}
});
-Array.prototype.slice.call(
- document.querySelectorAll('.chart-type-buttons button')
-).map(el => {
- el.addEventListener('click', (e) => {
- let btn = e.target;
- let type = btn.getAttribute('data-type');
- let newChart = type_chart.getDifferentChart(type);
- if(newChart){
- type_chart = newChart;
- }
- Array.prototype.slice.call(
- btn.parentNode.querySelectorAll('button')).map(el => {
- el.classList.remove('active');
- });
- btn.classList.add('active');
- });
-});
-// Trends Chart
-// ================================================================================
-let trends_data = {
- labels: [1967, 1968, 1969, 1970, 1971, 1972, 1973, 1974, 1975, 1976,
- 1977, 1978, 1979, 1980, 1981, 1982, 1983, 1984, 1985, 1986,
- 1987, 1988, 1989, 1990, 1991, 1992, 1993, 1994, 1995, 1996,
- 1997, 1998, 1999, 2000, 2001, 2002, 2003, 2004, 2005, 2006,
- 2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016] ,
- datasets: [
- {
- "values": [132.9, 150.0, 149.4, 148.0, 94.4, 97.6, 54.1, 49.2, 22.5, 18.4,
- 39.3, 131.0, 220.1, 218.9, 198.9, 162.4, 91.0, 60.5, 20.6, 14.8,
- 33.9, 123.0, 211.1, 191.8, 203.3, 133.0, 76.1, 44.9, 25.1, 11.6,
- 28.9, 88.3, 136.3, 173.9, 170.4, 163.6, 99.3, 65.3, 45.8, 24.7,
- 12.6, 4.2, 4.8, 24.9, 80.8, 84.5, 94.0, 113.3, 69.8, 39.8]
- }
- ]
-};
-let plotChartArgs = {
- title: "Mean Total Sunspot Count - Yearly",
- data: trends_data,
- type: 'line',
+// Aggregation chart
+// ================================================================================
+let aggrChart = new Chart("#chart-aggr", {
+ data: typeData,
+ type: 'pie',
height: 250,
- colors: ['blue'],
+ colors: ['purple', 'magenta', 'light-blue'],
isSeries: 1,
- lineOptions: {
- hideDots: 1,
- heatline: 1,
+
+ maxLegendPoints: 6,
+ maxSlices: 10,
+
+ barOptions: {
+ stacked: 1
},
- axisOptions: {
- xAxisMode: 'tick',
- yAxisMode: 'span',
- xIsSeries: 1
+ tooltipOptions: {
+ formatTooltipX: d => (d + '').toUpperCase(),
+ formatTooltipY: d => d + ' pts',
}
-};
-
-new Chart("#chart-trends", plotChartArgs);
+});
Array.prototype.slice.call(
- document.querySelectorAll('.chart-plot-buttons button')
+ document.querySelectorAll('.aggr-type-buttons button')
).map(el => {
el.addEventListener('click', (e) => {
let btn = e.target;
let type = btn.getAttribute('data-type');
- let config = {};
- config[type] = 1;
- if(['regionFill', 'heatline'].includes(type)) {
- config.hideDots = 1;
+ let newChart = aggrChart.getDifferentChart(type);
+ if(newChart){
+ aggrChart = newChart;
}
-
- // plotChartArgs.init = false;
- plotChartArgs.lineOptions = config;
-
- new Chart("#chart-trends", plotChartArgs);
-
Array.prototype.slice.call(
btn.parentNode.querySelectorAll('button')).map(el => {
el.classList.remove('active');
@@ -337,6 +326,71 @@ chart_update_buttons.querySelector('[data-update="remove"]').addEventListener("c
update_chart.removeDataPoint();
});
+// Trends Chart
+// ================================================================================
+let trends_data = {
+ labels: [1967, 1968, 1969, 1970, 1971, 1972, 1973, 1974, 1975, 1976,
+ 1977, 1978, 1979, 1980, 1981, 1982, 1983, 1984, 1985, 1986,
+ 1987, 1988, 1989, 1990, 1991, 1992, 1993, 1994, 1995, 1996,
+ 1997, 1998, 1999, 2000, 2001, 2002, 2003, 2004, 2005, 2006,
+ 2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016] ,
+ datasets: [
+ {
+ values: [132.9, 150.0, 149.4, 148.0, 94.4, 97.6, 54.1, 49.2, 22.5, 18.4,
+ 39.3, 131.0, 220.1, 218.9, 198.9, 162.4, 91.0, 60.5, 20.6, 14.8,
+ 33.9, 123.0, 211.1, 191.8, 203.3, 133.0, 76.1, 44.9, 25.1, 11.6,
+ 28.9, 88.3, 136.3, 173.9, 170.4, 163.6, 99.3, 65.3, 45.8, 24.7,
+ 12.6, 4.2, 4.8, 24.9, 80.8, 84.5, 94.0, 113.3, 69.8, 39.8]
+ }
+ ]
+};
+
+let plotChartArgs = {
+ title: "Mean Total Sunspot Count - Yearly",
+ data: trends_data,
+ type: 'line',
+ height: 250,
+ colors: ['blue'],
+ isSeries: 1,
+ lineOptions: {
+ hideDots: 1,
+ heatline: 1,
+ },
+ axisOptions: {
+ xAxisMode: 'tick',
+ yAxisMode: 'span',
+ xIsSeries: 1
+ }
+};
+
+new Chart("#chart-trends", plotChartArgs);
+
+Array.prototype.slice.call(
+ document.querySelectorAll('.chart-plot-buttons button')
+).map(el => {
+ el.addEventListener('click', (e) => {
+ let btn = e.target;
+ let type = btn.getAttribute('data-type');
+ let config = {};
+ config[type] = 1;
+
+ if(['regionFill', 'heatline'].includes(type)) {
+ config.hideDots = 1;
+ }
+
+ // plotChartArgs.init = false;
+ plotChartArgs.lineOptions = config;
+
+ new Chart("#chart-trends", plotChartArgs);
+
+ Array.prototype.slice.call(
+ btn.parentNode.querySelectorAll('button')).map(el => {
+ el.classList.remove('active');
+ });
+ btn.classList.add('active');
+ });
+});
+
// Event chart
// ================================================================================
@@ -398,28 +452,24 @@ events_chart.parent.addEventListener('data-select', (e) => {
data_div.querySelector('img').src = "./assets/img/" + name.toLowerCase() + ".jpg";
});
-// Aggregation chart
-// ================================================================================
-
-
// Heatmap
// ================================================================================
-let heatmap_data = {};
+let heatmapData = {};
let current_date = new Date();
let timestamp = current_date.getTime()/1000;
timestamp = Math.floor(timestamp - (timestamp % 86400)).toFixed(1); // convert to midnight
for (var i = 0; i< 375; i++) {
- heatmap_data[parseInt(timestamp)] = Math.floor(Math.random() * 5);
+ heatmapData[parseInt(timestamp)] = Math.floor(Math.random() * 5);
timestamp = Math.floor(timestamp - 86400).toFixed(1);
}
new Chart("#chart-heatmap", {
- data: heatmap_data,
+ data: heatmapData,
type: 'heatmap',
- legend_scale: [0, 1, 2, 4, 5],
+ legendScale: [0, 1, 2, 4, 5],
height: 115,
- discrete_domains: 1
+ discreteDomains: 1
});
Array.prototype.slice.call(
@@ -428,10 +478,10 @@ Array.prototype.slice.call(
el.addEventListener('click', (e) => {
let btn = e.target;
let mode = btn.getAttribute('data-mode');
- let discrete_domains = 0;
+ let discreteDomains = 0;
if(mode === 'discrete') {
- discrete_domains = 1;
+ discreteDomains = 1;
}
let colors = [];
@@ -443,12 +493,12 @@ Array.prototype.slice.call(
}
new Chart("#chart-heatmap", {
- data: heatmap_data,
+ data: heatmapData,
type: 'heatmap',
- legend_scale: [0, 1, 2, 4, 5],
+ legendScale: [0, 1, 2, 4, 5],
height: 115,
- discrete_domains: discrete_domains,
- legend_colors: colors
+ discreteDomains: discreteDomains,
+ legendColors: colors
});
Array.prototype.slice.call(
@@ -471,22 +521,22 @@ Array.prototype.slice.call(
colors = ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c'];
}
- let discrete_domains = 1;
+ let discreteDomains = 1;
let view_mode = document
.querySelector('.heatmap-mode-buttons .active')
.getAttribute('data-mode');
if(view_mode === 'continuous') {
- discrete_domains = 0;
+ discreteDomains = 0;
}
new Chart("#chart-heatmap", {
- data: heatmap_data,
+ data: heatmapData,
type: 'heatmap',
- legend_scale: [0, 1, 2, 4, 5],
+ legendScale: [0, 1, 2, 4, 5],
height: 115,
- discrete_domains: discrete_domains,
- legend_colors: colors
+ discreteDomains: discreteDomains,
+ legendColors: colors
});
Array.prototype.slice.call(
diff --git a/docs/index.html b/docs/index.html
index fc05a6c..2adda90 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -44,67 +44,51 @@
-
-
- Create a chart
-
-
Install
-
npm install frappe-charts
-
And include it in your project
-
import Chart from "frappe-charts/dist/frappe-charts.min.esm"
-
... or include it directly in your HTML
-
<script src="https://unpkg.com/frappe-charts@0.0.8/dist/frappe-charts.min.iife.js"></script>
-
Make a new Chart
+
Create a chart
<!--HTML-->
<div id="chart"></div>
// Javascript
- let data = {
- labels: ["12am-3am", "3am-6am", "6am-9am", "9am-12pm",
+ let chart = new Chart( "#chart", { // or DOM element
+ data: {
+ labels: ["12am-3am", "3am-6am", "6am-9am", "9am-12pm",
"12pm-3pm", "3pm-6pm", "6pm-9pm", "9pm-12am"],
- datasets: [
- {
- label: "Some Data",
- values: [25, 40, 30, 35, 8, 52, 17, -4]
- },
- {
- label: "Another Set",
- values: [25, 50, -10, 15, 18, 32, 27, 14]
- },
- {
- label: "Yet Another",
- values: [15, 20, -3, -15, 58, 12, -17, 37]
- }
- ]
- };
+ datasets: [
+ {
+ label: "Some Data", type: 'bar',
+ values: [25, 40, 30, 35, 8, 52, 17, -4]
+ },
+ {
+ label: "Another Set", type: 'bar',
+ values: [25, 50, -10, 15, 18, 32, 27, 14]
+ },
+ {
+ label: "Yet Another", type: 'line',
+ values: [15, 20, -3, -15, 58, 12, -17, 37]
+ }
+ ]
+ },
- let chart = new Chart({
- parent: "#chart", // or a DOM element
title: "My Awesome Chart",
- data: data,
- type: 'bar', // or 'line', 'scatter', 'pie', 'percentage'
+ type: 'axis-mixed', // or 'bar', 'line', 'pie', 'percentage'
height: 250,
-
- colors: ['#7cd6fd', 'violet', 'blue'],
- // hex-codes or these preset colors;
- // defaults (in order):
- // ['light-blue', 'blue', 'violet', 'red',
- // 'orange', 'yellow', 'green', 'light-green',
- // 'purple', 'magenta', 'grey', 'dark-grey']
-
- format_tooltip_x: d => (d + '').toUpperCase(),
- format_tooltip_y: d => d + ' pts'
+ colors: ['#7cd6fd', 'violet', 'blue']
});
-
@@ -113,42 +97,12 @@
Update Values
-
// Update entire datasets
- chart.updateData(
- [
- {values: new_dataset_1_values},
- {values: new_dataset_2_values}
- ],
- new_labels
- );
-
- // Add a new data point
- chart.add_data_point(
- [new_value_1, new_value_2],
- new_label,
- index // defaults to last index
- );
-
- // Remove a data point
- chart.remove_data_point(index);
-
...
- // Include specific Y values in input data to be displayed as lines
- // (before passing data to a new chart):
-
- data.specific_values = [
- {
- label: "Altitude",
- line_type: "dashed", // or "solid"
- value: 38
- }
- ]
- ...
@@ -157,12 +111,6 @@
Plot Trends
- ...
- xAxisMode: 'tick', // for short label ticks
- // or 'span' for long spanning vertical axis lines
- yAxisMode: 'span', // for long horizontal lines, or 'tick'
- isSeries: 1, // to allow for skipping of X values
- ...
@@ -170,13 +118,13 @@
- ...
- type: 'line', // Line Chart specific properties:
+
@@ -204,8 +152,7 @@
...
- type: 'bar', // Bar Chart specific properties:
- isNavigable: 1, // Navigate across bars; default 0
+ isNavigable: 1, // Navigate across data points; default 0
...
chart.parent.addEventListener('data-select', (e) => {
@@ -214,22 +161,6 @@
-
-
-
- Simple Aggregations
-
-
-
-
-
-
-
chart.show_sums(); // and `hide_sums()`
-
- chart.show_averages(); // and `hide_averages()`
-
-
-
@@ -249,16 +180,16 @@
parent: "#heatmap",
type: 'heatmap',
height: 115,
- data: heatmap_data, // object with date/timestamp-value pairs
+ data: heatmapData, // object with date/timestamp-value pairs
- discrete_domains: 1 // default: 0
+ discreteDomains: 1 // default: 0
- start: start_date,
+ start: startDate,
// A Date object;
// default: today's date in past year
// for an annual heatmap
- legend_colors: ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c'],
+ legendColors: ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c'],
// Set of five incremental colors,
// beginning with a low-saturation color for zero data;
// default: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127']
@@ -267,6 +198,54 @@
+
+
+
All available options:
+
// Javascript
+ let data = {
+ labels: ["12am-3am", "3am-6am", "6am-9am", "9am-12pm",
+ "12pm-3pm", "3pm-6pm", "6pm-9pm", "9pm-12am"],
+
+ datasets: [
+ {
+ label: "Some Data", type: 'bar',
+ values: [25, 40, 30, 35, 8, 52, 17, -4]
+ },
+ {
+ label: "Another Set", type: 'bar',
+ values: [25, 50, -10, 15, 18, 32, 27, 14]
+ },
+ {
+ label: "Yet Another", type: 'line',
+ values: [15, 20, -3, -15, 58, 12, -17, 37]
+ }
+ ]
+ };
+
+ let chart = new Chart( "#chart", { // or DOM element
+ title: "My Awesome Chart",
+ data: data,
+ type: 'axis-mixed', // or 'bar', 'line', 'pie', 'percentage'
+ height: 250,
+ colors: ['#7cd6fd', 'violet', 'blue']
+ });
+
+
+
+
+
+
Install
+
Install via npm
+
npm install frappe-charts
+
And include it in your project
+
import Chart from "frappe-charts/dist/frappe-charts.min.esm"
+
... or include it directly in your HTML
+
<script src="https://unpkg.com/frappe-charts@0.0.8/dist/frappe-charts.min.iife.js"></script>
+
+
+
+
+
diff --git a/src/js/charts/AggregationChart.js b/src/js/charts/AggregationChart.js
index 9c07e60..1e0619f 100644
--- a/src/js/charts/AggregationChart.js
+++ b/src/js/charts/AggregationChart.js
@@ -50,10 +50,11 @@ export default class AggregationChart extends BaseChart {
renderLegend() {
let s = this.state;
+ this.statsWrapper.textContent = '';
+
this.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);
- let x_values = this.formatted_labels && this.formatted_labels.length > 0
- ? this.formatted_labels : s.labels;
+ let xValues = s.labels;
this.legendTotals.map((d, i) => {
if(d) {
let stats = $.create('div', {
@@ -62,7 +63,7 @@ export default class AggregationChart extends BaseChart {
});
stats.innerHTML = `
- ${x_values[i]}:
+ ${xValues[i]}:
${d}
`;
}
diff --git a/src/js/charts/AxisChart.js b/src/js/charts/AxisChart.js
index 4a6ef47..745dbb4 100644
--- a/src/js/charts/AxisChart.js
+++ b/src/js/charts/AxisChart.js
@@ -2,11 +2,11 @@ import BaseChart from './BaseChart';
import { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';
import { Y_AXIS_MARGIN } from '../utils/constants';
import { getComponent } from '../objects/ChartComponents';
-import { getOffset, fire } from '../utils/dom';
+import { $, getOffset, fire } from '../utils/dom';
import { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale } from '../utils/intervals';
import { floatTwo } from '../utils/helpers';
import { makeOverlay, updateOverlay } from '../utils/draw';
-import { MIN_BAR_PERCENT_HEIGHT, DEFAULT_AXIS_CHART_TYPE, BAR_CHART_SPACE_RATIO, LINE_CHART_DOT_SIZE } from '../utils/constants';
+import { MIN_BAR_PERCENT_HEIGHT, BAR_CHART_SPACE_RATIO, LINE_CHART_DOT_SIZE } from '../utils/constants';
export default class AxisChart extends BaseChart {
constructor(parent, args) {
@@ -28,7 +28,7 @@ export default class AxisChart extends BaseChart {
this.config.xAxisMode = args.axisOptions.xAxisMode || 'span';
this.config.yAxisMode = args.axisOptions.yAxisMode || 'span';
- this.config.xIsSeries = args.axisOptions.xIsSeries || 1;
+ this.config.xIsSeries = args.axisOptions.xIsSeries || 0;
this.config.formatTooltipX = args.tooltipOptions.formatTooltipX;
this.config.formatTooltipY = args.tooltipOptions.formatTooltipY;
@@ -88,7 +88,7 @@ export default class AxisChart extends BaseChart {
positions: yPts.map(d => zeroLine - d * scaleMultiplier),
scaleMultiplier: scaleMultiplier,
zeroLine: zeroLine,
- }
+ };
// Dependent if above changes
this.calcDatasetPoints();
@@ -124,7 +124,7 @@ export default class AxisChart extends BaseChart {
return;
}
s.yExtremes = new Array(s.datasetLength).fill(9999);
- s.datasets.map((d, i) => {
+ s.datasets.map(d => {
d.yPositions.map((pos, j) => {
if(pos < s.yExtremes[j]) {
s.yExtremes[j] = pos;
@@ -138,9 +138,9 @@ export default class AxisChart extends BaseChart {
if(this.data.yMarkers) {
this.state.yMarkers = this.data.yMarkers.map(d => {
d.position = scale(d.value, s.yAxis);
- if(!d.label.includes(':')) {
- d.label += ': ' + d.value;
- }
+ // if(!d.label.includes(':')) {
+ // d.label += ': ' + d.value;
+ // }
return d;
});
}
@@ -170,7 +170,6 @@ export default class AxisChart extends BaseChart {
}
setupComponents() {
- let s = this.state;
let componentConfigs = [
[
'yAxis',
@@ -243,7 +242,7 @@ export default class AxisChart extends BaseChart {
}
let labels = new Array(s.datasetLength).fill('');
- if(this.valuesOverPoints) {
+ if(this.config.valuesOverPoints) {
if(stacked && d.index === s.datasets.length - 1) {
labels = d.cumulativeYs;
} else {
@@ -352,12 +351,15 @@ export default class AxisChart extends BaseChart {
let s = this.state;
if(!s.yExtremes) return;
+ let formatY = this.config.formatTooltipY;
+ let formatX = this.config.formatTooltipX;
+
let titles = s.xAxis.labels;
- if(this.formatTooltipX && this.formatTooltipX(titles[0])) {
- titles = titles.map(d=>this.formatTooltipX(d));
+ if(formatX && formatX(titles[0])) {
+ titles = titles.map(d=>formatX(d));
}
- let formatY = this.formatTooltipY && this.formatTooltipY(this.y[0].values[0]);
+ formatY = formatY && formatY(s.yAxis.labels[0]) ? formatY : 0;
for(var i=s.datasetLength - 1; i >= 0 ; i--) {
let xVal = s.xAxis.positions[i];
@@ -368,19 +370,37 @@ export default class AxisChart extends BaseChart {
let values = this.data.datasets.map((set, j) => {
return {
- title: set.title,
- value: formatY ? this.formatTooltipY(set.values[i]) : set.values[i],
+ title: set.name,
+ value: formatY ? formatY(set.values[i]) : set.values[i],
color: this.colors[j],
};
});
- this.tip.setValues(x, y, titles[i], '', values);
+ this.tip.setValues(x, y, {name: titles[i], value: ''}, values, i);
this.tip.showTip();
break;
}
}
}
+ renderLegend() {
+ let s = this.data;
+ this.statsWrapper.textContent = '';
+
+ if(s.datasets.length > 1) {
+ s.datasets.map((d, i) => {
+ let stats = $.create('div', {
+ className: 'stats',
+ inside: this.statsWrapper
+ });
+ stats.innerHTML = `
+
+ ${d.name}
+ `;
+ });
+ }
+ }
+
makeOverlay() {
if(this.overlayGuides) {
this.overlayGuides.forEach(g => {
@@ -394,7 +414,7 @@ export default class AxisChart extends BaseChart {
type: c.unitType,
overlay: undefined,
units: c.units,
- }
+ };
});
if(this.state.currentIndex === undefined) {
@@ -406,7 +426,7 @@ export default class AxisChart extends BaseChart {
let currentUnit = d.units[this.state.currentIndex];
d.overlay = makeOverlay[d.type](currentUnit);
this.drawArea.appendChild(d.overlay);
- })
+ });
}
@@ -420,26 +440,33 @@ export default class AxisChart extends BaseChart {
}
bindOverlay() {
- // on event, update overlay
- this.parent.addEventListener('data-select', (e) => {
+ this.parent.addEventListener('data-select', () => {
this.updateOverlay();
});
}
- bindUnits(units_array) {
- // units_array.map(unit => {
- // unit.addEventListener('click', () => {
- // let index = unit.getAttribute('data-point-index');
- // this.setCurrentDataPoint(index);
- // });
- // });
+ bindUnits() {
+ this.dataUnitComponents.map(c => {
+ c.units.map(unit => {
+ unit.addEventListener('click', () => {
+ let index = unit.getAttribute('data-point-index');
+ this.setCurrentDataPoint(index);
+ });
+ });
+ });
+
+ // Note: Doesn't work as tooltip is absolutely positioned
+ this.tip.container.addEventListener('click', () => {
+ let index = this.tip.container.getAttribute('data-point-index');
+ this.setCurrentDataPoint(index);
+ });
}
updateOverlay() {
this.overlayGuides.map(d => {
let currentUnit = d.units[this.state.currentIndex];
updateOverlay[d.type](currentUnit, d.overlay);
- })
+ });
}
onLeftArrow() {
@@ -451,16 +478,12 @@ export default class AxisChart extends BaseChart {
}
getDataPoint(index=this.state.currentIndex) {
- // check for length
+ let s = this.state;
let data_point = {
- index: index
+ index: index,
+ label: s.xAxis.labels[index],
+ values: s.datasets.map(d => d.values[index])
};
- // let y = this.y[0];
- // ['svg_units', 'yUnitPositions', 'values'].map(key => {
- // let data_key = key.slice(0, key.length-1);
- // data_point[data_key] = y[key][index];
- // });
- // data_point.label = this.xAxis.labels[index];
return data_point;
}
@@ -501,7 +524,14 @@ export default class AxisChart extends BaseChart {
// addDataset(dataset, index) {}
// removeDataset(index = 0) {}
- // updateDatasets(datasets) {}
+ updateDatasets(datasets) {
+ this.data.datasets.map((d, i) => {
+ if(datasets[i]) {
+ d.values = datasets[i];
+ }
+ });
+ this.update(this.data);
+ }
// updateDataPoint(dataPoint, index = 0) {}
// addDataPoint(dataPoint, index = 0) {}
diff --git a/src/js/charts/BaseChart.js b/src/js/charts/BaseChart.js
index f420226..08ff9dd 100644
--- a/src/js/charts/BaseChart.js
+++ b/src/js/charts/BaseChart.js
@@ -143,7 +143,10 @@ export default class BaseChart {
setTimeout(() => {this.update();}, this.initTimeout);
}
- this.renderLegend();
+ if(!onlyWidthChange) {
+ this.renderLegend();
+ }
+
this.setupNavigation(init);
}
diff --git a/src/js/charts/Heatmap.js b/src/js/charts/Heatmap.js
index b147152..cf6fc39 100644
--- a/src/js/charts/Heatmap.js
+++ b/src/js/charts/Heatmap.js
@@ -13,15 +13,15 @@ export default class Heatmap extends BaseChart {
this.domain = options.domain || '';
this.subdomain = options.subdomain || '';
this.data = options.data || {};
- this.discrete_domains = options.discrete_domains || 1;
- this.count_label = options.count_label || '';
+ this.discreteDomains = options.discreteDomains === 0 ? 0 : 1;
+ this.countLabel = options.countLabel || '';
let today = new Date();
this.start = options.start || addDays(today, 365);
- let legend_colors = (options.legend_colors || []).slice(0, 5);
- this.legend_colors = this.validate_colors(legend_colors)
- ? legend_colors
+ let legendColors = (options.legendColors || []).slice(0, 5);
+ this.legendColors = this.validate_colors(legendColors)
+ ? legendColors
: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];
// Fixed 5-color theme,
@@ -32,6 +32,12 @@ export default class Heatmap extends BaseChart {
this.setup();
}
+ setMargins() {
+ super.setMargins();
+ this.leftMargin = 10;
+ this.translateY = 10;
+ }
+
validate_colors(colors) {
if(colors.length < 5) return 0;
@@ -54,21 +60,21 @@ export default class Heatmap extends BaseChart {
this.start = new Date();
this.start.setFullYear( this.start.getFullYear() - 1 );
}
- this.first_week_start = new Date(this.start.toDateString());
- this.last_week_start = new Date(this.today.toDateString());
- if(this.first_week_start.getDay() !== 7) {
- addDays(this.first_week_start, (-1) * this.first_week_start.getDay());
+ this.firstWeekStart = new Date(this.start.toDateString());
+ this.lastWeekStart = new Date(this.today.toDateString());
+ if(this.firstWeekStart.getDay() !== 7) {
+ addDays(this.firstWeekStart, (-1) * this.firstWeekStart.getDay());
}
- if(this.last_week_start.getDay() !== 7) {
- addDays(this.last_week_start, (-1) * this.last_week_start.getDay());
+ if(this.lastWeekStart.getDay() !== 7) {
+ addDays(this.lastWeekStart, (-1) * this.lastWeekStart.getDay());
}
- this.no_of_cols = getWeeksBetween(this.first_week_start + '', this.last_week_start + '') + 1;
+ this.no_of_cols = getWeeksBetween(this.firstWeekStart + '', this.lastWeekStart + '') + 1;
}
calcWidth() {
this.baseWidth = (this.no_of_cols + 3) * 12 ;
- if(this.discrete_domains) {
+ if(this.discreteDomains) {
this.baseWidth += (12 * 12);
}
}
@@ -82,21 +88,20 @@ export default class Heatmap extends BaseChart {
'data-groups',
`translate(0, 20)`
);
- // Array.prototype.slice.call(
- // this.container.querySelectorAll('.graph-stats-container, .sub-title, .title')
- // ).map(d => {
- // d.style.display = 'None';
- // });
- // this.chartWrapper.style.marginTop = '0px';
- // this.chartWrapper.style.paddingTop = '0px';
+
+ this.container.querySelector('.title').style.display = 'None';
+ this.container.querySelector('.sub-title').style.display = 'None';
+ this.container.querySelector('.graph-stats-container').style.display = 'None';
+ this.chartWrapper.style.marginTop = '0px';
+ this.chartWrapper.style.paddingTop = '0px';
}
calc() {
- let data_values = Object.keys(this.data).map(key => this.data[key]);
- this.distribution = calcDistribution(data_values, this.distribution_size);
+ let dataValues = Object.keys(this.data).map(key => this.data[key]);
+ this.distribution = calcDistribution(dataValues, this.distribution_size);
- this.month_names = ["January", "February", "March", "April", "May", "June",
+ this.monthNames = ["January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December"
];
}
@@ -110,118 +115,118 @@ export default class Heatmap extends BaseChart {
this.domainLabelGroup.textContent = '';
this.dataGroups.textContent = '';
- let current_week_sunday = new Date(this.first_week_start);
- this.week_col = 0;
- this.current_month = current_week_sunday.getMonth();
+ let currentWeekSunday = new Date(this.firstWeekStart);
+ this.weekCol = 0;
+ this.currentMonth = currentWeekSunday.getMonth();
- this.months = [this.current_month + ''];
- this.month_weeks = {}, this.month_start_points = [];
- this.month_weeks[this.current_month] = 0;
- this.month_start_points.push(13);
+ this.months = [this.currentMonth + ''];
+ this.monthWeeks = {}, this.monthStartPoints = [];
+ this.monthWeeks[this.currentMonth] = 0;
+ this.monthStartPoints.push(13);
for(var i = 0; i < no_of_weeks; i++) {
- let data_group, month_change = 0;
- let day = new Date(current_week_sunday);
-
- [data_group, month_change] = this.get_week_squares_group(day, this.week_col);
- this.dataGroups.appendChild(data_group);
- this.week_col += 1 + parseInt(this.discrete_domains && month_change);
- this.month_weeks[this.current_month]++;
- if(month_change) {
- this.current_month = (this.current_month + 1) % 12;
- this.months.push(this.current_month + '');
- this.month_weeks[this.current_month] = 1;
+ let dataGroup, monthChange = 0;
+ let day = new Date(currentWeekSunday);
+
+ [dataGroup, monthChange] = this.get_week_squares_group(day, this.weekCol);
+ this.dataGroups.appendChild(dataGroup);
+ this.weekCol += 1 + parseInt(this.discreteDomains && monthChange);
+ this.monthWeeks[this.currentMonth]++;
+ if(monthChange) {
+ this.currentMonth = (this.currentMonth + 1) % 12;
+ this.months.push(this.currentMonth + '');
+ this.monthWeeks[this.currentMonth] = 1;
}
- addDays(current_week_sunday, 7);
+ addDays(currentWeekSunday, 7);
}
this.render_month_labels();
}
- get_week_squares_group(current_date, index) {
- const no_of_weekdays = 7;
- const square_side = 10;
- const cell_padding = 2;
+ get_week_squares_group(currentDate, index) {
+ const noOfWeekdays = 7;
+ const squareSide = 10;
+ const cellPadding = 2;
const step = 1;
- const today_time = this.today.getTime();
+ const todayTime = this.today.getTime();
- let month_change = 0;
- let week_col_change = 0;
+ let monthChange = 0;
+ let weekColChange = 0;
- let data_group = makeSVGGroup(this.dataGroups, 'data-group');
+ let dataGroup = makeSVGGroup(this.dataGroups, 'data-group');
- for(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {
- let data_value = 0;
+ for(var y = 0, i = 0; i < noOfWeekdays; i += step, y += (squareSide + cellPadding)) {
+ let dataValue = 0;
let colorIndex = 0;
- let current_timestamp = current_date.getTime()/1000;
- let timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);
+ let currentTimestamp = currentDate.getTime()/1000;
+ let timestamp = Math.floor(currentTimestamp - (currentTimestamp % 86400)).toFixed(1);
if(this.data[timestamp]) {
- data_value = this.data[timestamp];
+ dataValue = this.data[timestamp];
}
if(this.data[Math.round(timestamp)]) {
- data_value = this.data[Math.round(timestamp)];
+ dataValue = this.data[Math.round(timestamp)];
}
- if(data_value) {
- colorIndex = getMaxCheckpoint(data_value, this.distribution);
+ if(dataValue) {
+ colorIndex = getMaxCheckpoint(dataValue, this.distribution);
}
- let x = 13 + (index + week_col_change) * 12;
+ let x = 13 + (index + weekColChange) * 12;
let dataAttr = {
- 'data-date': getDdMmYyyy(current_date),
- 'data-value': data_value,
- 'data-day': current_date.getDay()
+ 'data-date': getDdMmYyyy(currentDate),
+ 'data-value': dataValue,
+ 'data-day': currentDate.getDay()
};
- let heatSquare = makeHeatSquare('day', x, y, square_side,
- this.legend_colors[colorIndex], dataAttr);
+ let heatSquare = makeHeatSquare('day', x, y, squareSide,
+ this.legendColors[colorIndex], dataAttr);
- data_group.appendChild(heatSquare);
+ dataGroup.appendChild(heatSquare);
- let next_date = new Date(current_date);
- addDays(next_date, 1);
- if(next_date.getTime() > today_time) break;
+ let nextDate = new Date(currentDate);
+ addDays(nextDate, 1);
+ if(nextDate.getTime() > todayTime) break;
- if(next_date.getMonth() - current_date.getMonth()) {
- month_change = 1;
- if(this.discrete_domains) {
- week_col_change = 1;
+ if(nextDate.getMonth() - currentDate.getMonth()) {
+ monthChange = 1;
+ if(this.discreteDomains) {
+ weekColChange = 1;
}
- this.month_start_points.push(13 + (index + week_col_change) * 12);
+ this.monthStartPoints.push(13 + (index + weekColChange) * 12);
}
- current_date = next_date;
+ currentDate = nextDate;
}
- return [data_group, month_change];
+ return [dataGroup, monthChange];
}
render_month_labels() {
// this.first_month_label = 1;
- // if (this.first_week_start.getDate() > 8) {
+ // if (this.firstWeekStart.getDate() > 8) {
// this.first_month_label = 0;
// }
// this.last_month_label = 1;
// let first_month = this.months.shift();
- // let first_month_start = this.month_start_points.shift();
+ // let first_month_start = this.monthStartPoints.shift();
// render first month if
// let last_month = this.months.pop();
- // let last_month_start = this.month_start_points.pop();
+ // let last_month_start = this.monthStartPoints.pop();
// render last month if
this.months.shift();
- this.month_start_points.shift();
+ this.monthStartPoints.shift();
this.months.pop();
- this.month_start_points.pop();
+ this.monthStartPoints.pop();
- this.month_start_points.map((start, i) => {
- let month_name = this.month_names[this.months[i]].substring(0, 3);
+ this.monthStartPoints.map((start, i) => {
+ let month_name = this.monthNames[this.months[i]].substring(0, 3);
let text = makeText('y-value-text', start+12, 10, month_name);
this.domainLabelGroup.appendChild(text);
});
@@ -233,19 +238,19 @@ export default class Heatmap extends BaseChart {
).map(el => {
el.addEventListener('mouseenter', (e) => {
let count = e.target.getAttribute('data-value');
- let date_parts = e.target.getAttribute('data-date').split('-');
+ let dateParts = e.target.getAttribute('data-date').split('-');
- let month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);
+ let month = this.monthNames[parseInt(dateParts[1])-1].substring(0, 3);
- let g_off = this.chartWrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();
+ let gOff = this.chartWrapper.getBoundingClientRect(), pOff = e.target.getBoundingClientRect();
let width = parseInt(e.target.getAttribute('width'));
- let x = p_off.left - g_off.left + (width+2)/2;
- let y = p_off.top - g_off.top - (width+2)/2;
- let value = count + ' ' + this.count_label;
- let name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];
+ let x = pOff.left - gOff.left + (width+2)/2;
+ let y = pOff.top - gOff.top - (width+2)/2;
+ let value = count + ' ' + this.countLabel;
+ let name = ' on ' + month + ' ' + dateParts[0] + ', ' + dateParts[2];
- this.tip.setValues(x, y, name, value, [], 1);
+ this.tip.setValues(x, y, {name: name, value: value, valueFirst: 1}, []);
this.tip.showTip();
});
});
diff --git a/src/js/charts/PercentageChart.js b/src/js/charts/PercentageChart.js
index 2a09099..d219deb 100644
--- a/src/js/charts/PercentageChart.js
+++ b/src/js/charts/PercentageChart.js
@@ -67,7 +67,7 @@ export default class PercentageChart extends AggregationChart {
? this.formattedLabels[i] : this.state.labels[i]) + ': ';
let percent = (s.sliceTotals[i]*100/this.grandTotal).toFixed(1);
- this.tip.setValues(x, y, title, percent + "%");
+ this.tip.setValues(x, y, {name: title, value: percent + "%"});
this.tip.showTip();
}
});
diff --git a/src/js/charts/PieChart.js b/src/js/charts/PieChart.js
index e0d1112..06ba931 100644
--- a/src/js/charts/PieChart.js
+++ b/src/js/charts/PieChart.js
@@ -2,7 +2,7 @@ import AggregationChart from './AggregationChart';
import { getComponent } from '../objects/ChartComponents';
import { getOffset } from '../utils/dom';
import { getPositionByAngle } from '../utils/helpers';
-import { makePath, makeArcPathStr } from '../utils/draw';
+import { makeArcPathStr } from '../utils/draw';
import { lightenDarkenColor } from '../utils/colors';
import { transform } from '../utils/animation';
import { FULL_ANGLE } from '../utils/constants';
@@ -39,7 +39,7 @@ export default class PieChart extends AggregationChart {
this.center = {
x: this.width / 2,
y: this.height / 2
- }
+ };
this.radius = (this.height > this.width ? this.center.x : this.center.y);
s.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);
@@ -102,7 +102,7 @@ export default class PieChart extends AggregationChart {
return {
sliceStrings: s.sliceStrings,
colors: this.colors
- }
+ };
}.bind(this)
]
];
@@ -132,7 +132,7 @@ export default class PieChart extends AggregationChart {
let title = (this.formatted_labels && this.formatted_labels.length > 0
? this.formatted_labels[i] : this.state.labels[i]) + ': ';
let percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);
- this.tip.setValues(x, y, title, percent + "%");
+ this.tip.setValues(x, y, {name: title, value: percent + "%"});
this.tip.showTip();
} else {
transform(path,'translate3d(0,0,0)');
diff --git a/src/js/objects/SvgTip.js b/src/js/objects/SvgTip.js
index d9f0cac..ca464f5 100644
--- a/src/js/objects/SvgTip.js
+++ b/src/js/objects/SvgTip.js
@@ -51,6 +51,9 @@ export default class SvgTip {
fill() {
let title;
+ if(this.index) {
+ this.container.setAttribute('data-point-index', this.index);
+ }
if(this.titleValueFirst) {
title = `${this.titleValue}${this.titleName}`;
} else {
@@ -97,13 +100,14 @@ export default class SvgTip {
}
}
- setValues(x, y, titleName = '', titleValue = '', listValues = [], titleValueFirst = 0) {
- this.titleName = titleName;
- this.titleValue = titleValue;
+ setValues(x, y, title = {}, listValues = [], index = -1) {
+ this.titleName = title.name;
+ this.titleValue = title.value;
this.listValues = listValues;
this.x = x;
this.y = y;
- this.titleValueFirst = titleValueFirst;
+ this.titleValueFirst = title.valueFirst || 0;
+ this.index = index;
this.refresh();
}
diff --git a/src/js/utils/constants.js b/src/js/utils/constants.js
index 9bda967..167a454 100644
--- a/src/js/utils/constants.js
+++ b/src/js/utils/constants.js
@@ -1,4 +1,4 @@
-export const VERT_SPACE_OUTSIDE_BASE_CHART = 40;
+export const VERT_SPACE_OUTSIDE_BASE_CHART = 50;
export const TRANSLATE_Y_BASE_CHART = 20;
export const LEFT_MARGIN_BASE_CHART = 60;
export const RIGHT_MARGIN_BASE_CHART = 40;
@@ -16,7 +16,7 @@ export const MIN_BAR_PERCENT_HEIGHT = 0.01;
export const LINE_CHART_DOT_SIZE = 4;
export const DOT_OVERLAY_SIZE_INCR = 4;
-export const DEFAULT_CHAR_WIDTH = 8;
+export const DEFAULT_CHAR_WIDTH = 7;
// Universal constants
export const ANGLE_RATIO = Math.PI / 180;
diff --git a/src/js/utils/date-utils.js b/src/js/utils/date-utils.js
index 65aff69..682be96 100644
--- a/src/js/utils/date-utils.js
+++ b/src/js/utils/date-utils.js
@@ -31,4 +31,9 @@ export function addDays(date, numberOfDays) {
date.setDate(date.getDate() + numberOfDays);
}
-// export function getMonthName() {}
+export function getMonthName(i) {
+ let monthNames = ["January", "February", "March", "April", "May", "June",
+ "July", "August", "September", "October", "November", "December"
+ ];
+ return monthNames[i];
+}
diff --git a/src/js/utils/draw.js b/src/js/utils/draw.js
index 01f3454..7bd4992 100644
--- a/src/js/utils/draw.js
+++ b/src/js/utils/draw.js
@@ -180,7 +180,7 @@ function makeVertLine(x, label, y1, y2, options={}) {
dy: FONT_SIZE + 'px',
'font-size': FONT_SIZE + 'px',
'text-anchor': 'middle',
- innerHTML: label
+ innerHTML: label + ""
});
let line = createSVG('g', {
@@ -337,7 +337,7 @@ export function yRegion(y1, y2, width, label) {
let labelSvg = createSVG('text', {
className: 'chart-label',
- x: width - getStringWidth(label, 4.5) - LABEL_MARGIN,
+ x: width - getStringWidth(label+"", 4.5) - LABEL_MARGIN,
y: 0,
dy: (FONT_SIZE / -2) + 'px',
'font-size': FONT_SIZE + 'px',
@@ -369,6 +369,8 @@ export function datasetBar(x, yTop, width, color, label='', index=0, offset=0, m
height: height || meta.minHeight // TODO: correct y for positive min height
});
+ label += "";
+
if(!label && !label.length) {
return rect;
} else {
@@ -385,6 +387,7 @@ export function datasetBar(x, yTop, width, color, label='', index=0, offset=0, m
});
let group = createSVG('g', {
+ 'data-point-index': index,
transform: `translate(${x}, ${y})`
});
group.appendChild(rect);
@@ -403,6 +406,8 @@ export function datasetDot(x, y, radius, color, label='', index=0, meta={}) {
r: radius
});
+ label += "";
+
if(!label && !label.length) {
return dot;
} else {
@@ -420,6 +425,7 @@ export function datasetDot(x, y, radius, color, label='', index=0, meta={}) {
});
let group = createSVG('g', {
+ 'data-point-index': index,
transform: `translate(${x}, ${y})`
});
group.appendChild(dot);
@@ -481,9 +487,10 @@ export let makeOverlay = {
}
let overlay = unit.cloneNode();
let radius = unit.getAttribute('r');
- overlay.setAttribute('r', radius + DOT_OVERLAY_SIZE_INCR);
- overlay.style.fill = '#000000';
- overlay.style.opacity = '0.4';
+ let fill = unit.getAttribute('fill');
+ overlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);
+ overlay.setAttribute('fill', fill);
+ overlay.style.opacity = '0.6';
if(transformValue) {
overlay.setAttribute('transform', transformValue);
diff --git a/src/scss/charts.scss b/src/scss/charts.scss
index 0dd4438..397eefc 100644
--- a/src/scss/charts.scss
+++ b/src/scss/charts.scss
@@ -28,8 +28,13 @@
}
.graph-stats-container {
display: flex;
- justify-content: space-around;
- padding-top: 10px;
+ justify-content: space-between;
+ padding: 10px;
+ &:before,
+ &:after {
+ content: '';
+ display: block;
+ }
.stats {
padding-bottom: 15px;
}