A Pen by steve eggering on CodePen.
Created
August 9, 2018 14:52
-
-
Save KepanoEgg/d297007e8bb85afa2c65c59febedce67 to your computer and use it in GitHub Desktop.
RByjov
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <meta charset=utf-8> | |
| <meta name=viewport content="width=320"> | |
| <meta name=apple-mobile-web-app-capable content=yes> | |
| <title>Store EOD Report</title> | |
| <script src=https://cdnjs.cloudflare.com/ajax/libs/d3/4.11.0/d3.min.js></script> | |
| <link rel=stylesheet href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700"> | |
| </head> | |
| <body> | |
| <div id=report></div> | |
| </body> | |
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function getGoalColor(n) { | |
| return n ? goalAchievedColor : goalNotAchievedColor | |
| } | |
| function deg2rad(n) { | |
| return n * Math.PI / 180 | |
| } | |
| function getEmoji(n) { | |
| return n.goalExceeded ? [":D", "Goal exceeded!"] : n.goalAchieved ? [":)", chartData.props.type === "eod" ? "Goal met!" : "Goal on track!"] : [":|", "Goal not met."] | |
| } | |
| function onDocumentReady() { | |
| chartData.data.map(function (n, t) { | |
| var i = gauge(null, t); | |
| i.render(n.count) | |
| }) | |
| }; | |
| var chartData = { | |
| "props": { | |
| "type": "eod", | |
| "timestamp": { | |
| "text": "Apr 23, 2018 4:46 PM (CDT)", | |
| "color": null | |
| }, | |
| "store": { | |
| "text": "TestStore", | |
| "color": null | |
| } | |
| }, | |
| "data": [ | |
| { | |
| "alignments": 7, | |
| "tires": 0, | |
| "batteries": 0, | |
| "brakes": 0, | |
| "dtcs": 0, | |
| "name": "Quick Check", | |
| "type": "QC", | |
| "count": 8, | |
| "goal": 5, | |
| "goalAchieved": true, | |
| "goalExceeded": true | |
| }, | |
| { | |
| "conversionRate": 29, | |
| "openOpportunities": 5, | |
| "name": "Alignments", | |
| "type": "AL", | |
| "count": 3, | |
| "goal": 5, | |
| "goalAchieved": false, | |
| "goalExceeded": false | |
| }, | |
| { | |
| "roadForced": 0, | |
| "comebacksSaved": 0, | |
| "smartWeight": 0, | |
| "name": "Balancing", | |
| "type": "BA", | |
| "count": -1, | |
| "goal": 5, | |
| "goalAchieved": false, | |
| "goalExceeded": false | |
| } | |
| ] | |
| }, | |
| goalAchievedColor = "#01aa33", | |
| goalNotAchievedColor = "#19e200", | |
| arcBackgroundColor = "#e6e6e6", | |
| config = { | |
| size: 140, | |
| clipWidth: 150, | |
| clipHeight: 150, | |
| ringInset: 20, | |
| ringWidth: 25, | |
| pointerWidth: 4, | |
| pointerTailLength: 5, | |
| pointerHeadLengthPercent: .8, | |
| endCapMarginPercent: .2, | |
| minValue: 0, | |
| maxValue: 0, | |
| minAngle: -120, | |
| maxAngle: 90, | |
| transitionMs: 750, | |
| majorTicks: 5, | |
| labelFormat: d3.format("d"), | |
| labelInset: 10, | |
| arcColorFn: d3.interpolateHsl(d3.rgb("#e8e2ca"), d3.rgb("#3e6c0a")) | |
| }, | |
| svg = d3.select("#report").append("svg:svg").attr("class", "report").attr("width", 500).attr("height", 1e3), | |
| hunter_logo = svg.append("defs").append("g").attr("id", "hunterlogo"), header, gauge; | |
| hunter_logo.append("svg:image").attr("width", 180).attr("height", 50).attr("xlink:href", "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNzIwIDE0NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNzIwIDE0NDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOm5vbmU7fS5zdDF7ZmlsbDojRkZGRkZGO30uc3Qye2ZpbGw6I0VEMUMyNDt9PC9zdHlsZT48Zz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjkxLjEsNDIuMUg2OTBsLTAuNCwxLjhoMS42YzAuNywwLDEuMi0wLjIsMS4zLTFDNjkyLjcsNDIuMiw2OTEuNyw0Mi4xLDY5MS4xLDQyLjF6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTYwNS45LDY0LjdjLTUuOSwwLTkuOSwzLjQtMTAuOCw4LjdoMTguMUM2MTQsNjguOCw2MTAuNiw2NC43LDYwNS45LDY0Ljd6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQxOS42LDY0LjdjLTUuOSwwLTkuOSwzLjQtMTAuOCw4LjdoMTguMUM0MjcuNyw2OC44LDQyNC4zLDY0LjcsNDE5LjYsNjQuN3oiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjkxLjgsMzkuM2MtMi44LDAtNS42LDIuMS02LjMsNS40Yy0wLjcsMy4zLDEuMiw1LjQsNCw1LjRjMi44LDAsNS42LTIuMSw2LjMtNS40QzY5Ni41LDQxLjQsNjk0LjYsMzkuMyw2OTEuOCwzOS4zeiBNNjk0LjUsNDMuMWMtMC4zLDEuNi0xLjQsMi4yLTIuNywyLjNsMS4zLDMuNGgtMi4xbC0xLjItMy4yaC0wLjRsLTAuNywzLjJoLTEuOWwxLjctOC4yaDMuMUM2OTMuNyw0MC42LDY5NC45LDQxLjEsNjk0LjUsNDMuMXoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNODAuNywyNC4xYy0yNi41LDAtNDcuOSwyMS40LTQ3LjksNDcuOWMwLDI2LjQsMjEuNCw0Ny45LDQ3LjksNDcuOWMyNi40LDAsNDcuOS0yMS40LDQ3LjktNDcuOUMxMjguNiw0NS41LDEwNy4xLDI0LjEsODAuNywyNC4xeiBNMTE4LjMsNTMuNWMyLjMsNC43LDMuOCw5LjksNC4yLDE1LjRjLTAuNSwzLTIuNyw1LjctNi4xLDguMWMwLjItMS40LDAuMi0yLjgsMC4yLTQuMmMwLTQuNS0wLjgtOC43LTIuMS0xMi43YzIuNC0xLjksMy44LTQsMy44LTYuM0MxMTguMyw1My43LDExOC4zLDUzLjYsMTE4LjMsNTMuNXogTTEwMy4zLDM2LjdjNC43LDMsOC44LDcsMTIsMTEuNmMwLDAsMCwwLDAsMGMwLDIuMi0xLjEsNC40LTMsNi4zYy0yLjEtNC4zLTQuOC04LjEtNy44LTExLjNjMi4zLDMuOCw0LjQsOC4xLDYsMTIuOWMtMy40LDIuNi04LjYsNC43LTE0LjcsNi4xYy0wLjctNS44LTEuOC0xMS4yLTMuMi0xNS45YzYuNy0xLjIsMTEuNC00LjEsMTEuNC03LjNDMTA0LjEsMzguMiwxMDMuOCwzNy40LDEwMy4zLDM2Ljd6IE05Ni4zLDY2LjVjNi40LTAuOSwxMS45LTIuNiwxNS44LTQuOGMwLjksMy45LDEuNSw4LDEuNSwxMi4yYzAsMS43LTAuMSwzLjMtMC4zLDVDMTA4LjgsODEuMiwxMDMsODMsOTYuNCw4NGMwLjItMi41LDAuMi01LjEsMC4yLTcuN0M5Ni43LDczLDk2LjUsNjkuNyw5Ni4zLDY2LjV6IE04Ni4zLDY3LjFjMi40LDAsNC42LTAuMSw2LjgtMC4zYzAuMSwzLjUsMC4yLDcuMiwwLjIsMTAuOWMwLDIuMywwLDQuNi0wLjEsNi44Yy0zLjMsMC40LTYuOCwwLjYtMTAuNCwwLjZjLTUuOSwwLTExLjYtMC42LTE2LjYtMS42Yy0wLjMtMy45LTAuMy04LDAuMS0xMi4yYzAuMi0yLjMsMC41LTQuNiwwLjktNi44QzcyLjYsNjYuMSw3OS4yLDY3LjEsODYuMyw2Ny4xeiBNNjcuNSw2Mi45YzEuMy02LjQsMy40LTEyLjMsNi0xNy4zYzMuMiwxLDcuMSwxLjUsMTEuMywxLjVjMi4zLDAsNC40LTAuMiw2LjUtMC41YzAuOCw1LDEuMywxMC40LDEuNiwxNi4zYy00LDAuNy04LjMsMS4xLTEyLjgsMS4xQzc1LjcsNjMuOSw3MS41LDYzLjUsNjcuNSw2Mi45eiBNODAuOCwxMTMuOWMtMjMuMSwwLTQxLjktMTguNy00MS45LTQxLjljMC0yMy4xLDE4LjctNDEuOSw0MS45LTQxLjljNS40LDAsMTAuNiwxLDE1LjMsMi45YzIuMiwxLjIsMy40LDIuOCwzLjQsNC40YzAsMi41LTMsNC44LTcuNyw2LjJjLTAuNi0xLjktMS40LTMuNi0yLjEtNS4yYzAuNCwxLjcsMC44LDMuNiwxLjIsNS41Yy0zLDAuOC02LjUsMS4yLTEwLjMsMS4yYy0yLjMsMC00LjUtMC4yLTYuNS0wLjVjMC42LTEuMSwxLjItMi4xLDEuOC0zLjFjLTAuOSwwLjktMS44LDEuOS0yLjYsM2MtMS43LTAuMy0zLjItMC43LTQuNi0xLjFjMS4xLDAuNywyLjUsMS40LDQsMS45Yy0zLjUsNC43LTYuMiwxMC41LTcuOCwxNy4xYy0yLjEtMC40LTQtMS01LjgtMS42YzEuNSwxLDMuNCwyLDUuNiwyLjhjLTAuNCwyLjEtMC44LDQuMi0xLDYuNGMtMC40LDQuNS0wLjIsOC45LDAuNSwxMy4xYy0xLjgtMC40LTMuNS0wLjktNS4yLTEuNWMxLjUsMSwzLjQsMiw1LjQsMi44YzAuOCw0LjQsMi4yLDguNCw0LjEsMTJjLTEtMy41LTEuNy03LjMtMi4xLTExLjJjNi4zLDIuMiwxNC41LDMuNiwyMy40LDMuNmMxLjEsMCwyLjMsMCwzLjQtMC4xYy0wLjIsNS40LTAuNSwxMC42LTEuMSwxNS40Yy0wLjksMC0xLjgsMC4xLTIuNywwLjFjLTYuMiwwLTEyLTAuOS0xNi42LTIuNWM0LjEsMi43LDExLDQuNiwxOSw0LjljLTAuMiwxLjEtMC4zLDIuMS0wLjUsMy4xYzAuNC0xLDAuOC0yLDEuMi0zLjFjMC42LDAsMS4yLDAsMS43LDBjNC4zLDAsOC4zLTAuNCwxMS44LTEuMkM5OSwxMTAuNyw5MC4yLDExMy45LDgwLjgsMTEzLjl6IE0xMTUsOTYuMWMtNC41LDQuNy0xMS42LDcuMy0yMS43LDcuOWMxLjMtNC42LDIuMy05LjksMi44LTE1LjVjNi0wLjQsMTEuNC0xLjUsMTYtM2MtMS4xLDQuNy0yLjgsOS4yLTQuNiwxMy4yYzIuOS00LjEsNS42LTguOSw3LjMtMTQuMmMyLjgtMS4xLDUuMS0yLjQsNy0zLjhDMTIwLjUsODYuNCwxMTguMiw5MS42LDExNSw5Ni4xeiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik04MC43LDE5LjhjLTI4LjksMC01Mi4yLDIzLjQtNTIuMiw1Mi4yYzAsMjguOSwyMy40LDUyLjIsNTIuMiw1Mi4yYzI4LjgsMCw1Mi4yLTIzLjQsNTIuMi01Mi4yQzEzMi45LDQzLjIsMTA5LjUsMTkuOCw4MC43LDE5Ljh6IE04MC43LDExOS45Yy0yNi41LDAtNDcuOS0yMS40LTQ3LjktNDcuOWMwLTI2LjUsMjEuNC00Ny45LDQ3LjktNDcuOWMyNi40LDAsNDcuOSwyMS40LDQ3LjksNDcuOUMxMjguNiw5OC41LDEwNy4xLDExOS45LDgwLjcsMTE5Ljl6Ii8+PHBhdGggZD0iTTkyLjcsNDYuNGMxLjQsNC43LDIuNSwxMC4xLDMuMiwxNS45YzYuMS0xLjQsMTEuMy0zLjUsMTQuNy02LjFjLTEuNi00LjctMy43LTkuMS02LTEyLjljMywzLjIsNS43LDcsNy44LDExLjNjMS45LTEuOSwzLTQsMy02LjNjMCwwLDAsMCwwLDBjLTMuMi00LjYtNy4zLTguNi0xMi0xMS42YzAuNSwwLjcsMC44LDEuNSwwLjgsMi4zQzEwNC4xLDQyLjMsOTkuNCw0NS4xLDkyLjcsNDYuNHoiLz48cGF0aCBkPSJNMTEzLjMsNzguOGMwLjItMS42LDAuMy0zLjMsMC4zLTVjMC00LjItMC41LTguMy0xLjUtMTIuMmMtMy45LDIuMi05LjQsMy45LTE1LjgsNC44YzAuMywzLjIsMC40LDYuNSwwLjQsOS45YzAsMi42LTAuMSw1LjItMC4yLDcuN0MxMDMsODMsMTA4LjgsODEuMiwxMTMuMyw3OC44eiIvPjxwYXRoIGQ9Ik0xMTQuNSw2MC4xYzEuMyw0LDIuMSw4LjMsMi4xLDEyLjdjMCwxLjQtMC4xLDIuOC0wLjIsNC4yYzMuNC0yLjQsNS42LTUuMSw2LjEtOC4xYy0wLjQtNS41LTEuOS0xMC43LTQuMi0xNS40YzAsMC4xLDAsMC4yLDAsMC4zQzExOC4zLDU2LDExNyw1OC4yLDExNC41LDYwLjF6Ii8+PHBhdGggZD0iTTY2LjMsNzEuMmMtMC40LDQuMi0wLjQsOC4zLTAuMSwxMi4yYzUuMSwxLDEwLjcsMS42LDE2LjYsMS42YzMuNiwwLDcuMS0wLjIsMTAuNC0wLjZjMC0yLjIsMC4xLTQuNSwwLjEtNi44YzAtMy43LTAuMS03LjQtMC4yLTEwLjljLTIuMiwwLjItNC41LDAuMy02LjgsMC4zYy03LjIsMC0xMy44LTEtMTkuMS0yLjZDNjYuOCw2Ni43LDY2LjUsNjguOSw2Ni4zLDcxLjJ6Ii8+PHBhdGggZD0iTTkyLjQsMTA2LjZjLTAuNCwxLjEtMC44LDIuMS0xLjIsMy4xYzAuMi0xLDAuNC0yLjEsMC41LTMuMWMtOC0wLjMtMTQuOS0yLjItMTktNC45YzQuNiwxLjUsMTAuNCwyLjUsMTYuNiwyLjVjMC45LDAsMS44LDAsMi43LTAuMWMwLjYtNC44LDAuOS0xMCwxLjEtMTUuNGMtMS4xLDAtMi4yLDAuMS0zLjQsMC4xYy04LjksMC0xNy4xLTEuMy0yMy40LTMuNmMwLjQsNCwxLjEsNy43LDIuMSwxMS4yYy0xLjgtMy42LTMuMi03LjYtNC4xLTEyYy0yLjEtMC44LTMuOS0xLjgtNS40LTIuOGMxLjYsMC41LDMuNCwxLDUuMiwxLjVjLTAuNy00LjEtMC45LTguNS0wLjUtMTMuMWMwLjItMi4yLDAuNS00LjMsMS02LjRjLTIuMS0wLjgtNC0xLjgtNS42LTIuOGMxLjgsMC42LDMuOCwxLjEsNS44LDEuNmMxLjUtNi42LDQuMy0xMi40LDcuOC0xNy4xYy0xLjYtMC41LTIuOS0xLjItNC0xLjljMS40LDAuNSwzLDAuOCw0LjYsMS4xYzAuOC0xLDEuNy0yLDIuNi0zYy0wLjYsMS0xLjIsMi0xLjgsMy4xYzIsMC4zLDQuMiwwLjUsNi41LDAuNWMzLjgsMCw3LjMtMC41LDEwLjMtMS4yYy0wLjMtMS45LTAuNy0zLjctMS4yLTUuNWMwLjcsMS42LDEuNSwzLjMsMi4xLDUuMmM0LjctMS40LDcuNy0zLjYsNy43LTYuMmMwLTEuNi0xLjMtMy4xLTMuNC00LjRjLTQuNy0xLjktOS45LTIuOS0xNS4zLTIuOWMtMjMuMSwwLTQxLjksMTguOC00MS45LDQxLjljMCwyMy4xLDE4LjcsNDEuOSw0MS45LDQxLjljOS41LDAsMTguMi0zLjIsMjUuMy04LjVjLTMuNSwwLjgtNy42LDEuMi0xMS44LDEuMkM5My42LDEwNi42LDkzLDEwNi42LDkyLjQsMTA2LjZ6Ii8+PHBhdGggZD0iTTEwNy41LDk4LjdjMS44LTQsMy41LTguNSw0LjYtMTMuMmMtNC42LDEuNS0xMCwyLjUtMTYsM2MtMC41LDUuNy0xLjUsMTEtMi44LDE1LjVjMTAuMS0wLjUsMTcuMi0zLjIsMjEuNy03LjljMy4yLTQuNSw1LjUtOS43LDYuNy0xNS40Yy0xLjgsMS40LTQuMiwyLjctNywzLjhDMTEzLjEsODkuOSwxMTAuNCw5NC43LDEwNy41LDk4Ljd6Ii8+PHBhdGggZD0iTTkxLjMsNDYuNmMtMiwwLjMtNC4yLDAuNS02LjUsMC41Yy00LjIsMC04LjEtMC42LTExLjMtMS41Yy0yLjYsNS00LjcsMTAuOS02LDE3LjNjMy45LDAuNyw4LjIsMS4xLDEyLjcsMS4xYzQuNSwwLDguOC0wLjQsMTIuOC0xLjFDOTIuNiw1Nyw5Mi4xLDUxLjYsOTEuMyw0Ni42eiIvPjxwb2x5Z29uIHBvaW50cz0iMTg4LjksNTguNSAxNjcuNSw1OC41IDE3MS42LDM1LjIgMTQ5LDM1LjIgMTM2LjksMTA0LjIgMTU5LjUsMTA0LjIgMTY0LjIsNzcuNSAxODUuNiw3Ny41IDE4MC44LDEwNC4yIDIwMy41LDEwNC4yIDIxNS42LDM1LjIgMTkzLDM1LjIgIi8+PHBhdGggZD0iTTI1NCw3OC4xYy0xLjQsNy44LTMuOSwxMi4xLTkuNywxMi4xYy00LjgsMC02LjgtMi4yLTUuNi05LjFsNC44LTI3LjFoLTE5LjlsLTUuNCwzMC42Yy0yLjUsMTQuNCwzLjQsMjEuMSwxNC4zLDIxLjFjOC4yLDAsMTMuNS0xLjksMTkuNy04LjhsLTEuMyw3LjRoMTguNWw4LjktNTAuMmgtMTkuOUwyNTQsNzguMXoiLz48cGF0aCBkPSJNMzIyLjksNTIuNmMtNy42LDAtMTMsMy4zLTE4LjYsOS4zbDEuNC03LjloLTE4LjJsLTguOSw1MC4yaDE5LjlsNC41LTI1LjZjMS4xLTYuNCwzLjUtMTAuMyw5LjYtMTAuM2M1LjcsMCw2LjIsNC40LDUuMyw5LjRsLTQuNywyNi41aDE5LjlsNS4zLTMwLjFDMzQxLDYwLjMsMzM2LjEsNTIuNiwzMjIuOSw1Mi42eiIvPjxwYXRoIGQ9Ik0zNzcuOSwzOC40aC0xOS42TDM1NS41LDU0aC03LjRsLTIsMTEuNWg3LjFsLTMuNywyMWMtMy4xLDE3LjMtMC4yLDE5LjIsMjYuMiwxNy43bDIuNS0xNC4zSDM3NWMtNS42LDAtNS45LTEuNi01LjEtNi4ybDMuMi0xOC4yaDkuNmwyLTExLjVoLTkuNkwzNzcuOSwzOC40eiIvPjxwYXRoIGQ9Ik00MjEsNTIuNmMtMTYuMSwwLTMwLjMsMTAuNS0zMy4yLDI3Yy0zLDE2LjksNy45LDI2LjEsMjQsMjYuMWMxMS43LDAsMjUuMS00LjEsMzAuNy0xNi42aC0xOS4xYy0yLDMtNS4xLDQuNC04LjIsNC40Yy01LjMsMC05LjItMy45LTguMS05LjloMzhDNDQ4LjUsNjUuNCw0MzkuNiw1Mi42LDQyMSw1Mi42eiBNNDI2LjksNzMuNGgtMTguMWMwLjktNS40LDQuOS04LjcsMTAuOC04LjdDNDI0LjMsNjQuNyw0MjcuNyw2OC44LDQyNi45LDczLjR6Ii8+PHBhdGggZD0iTTQ5Mi4yLDUyLjZjLTcuOCwwLTEzLjMsMy43LTE3LjUsMTEuNmgtMC4ybDEuOC0xMC4yaC0xOC4xbC04LjgsNTAuMmgxOS45bDMuMS0xNy4zYzEuOS0xMC44LDYuNy0xNC43LDE0LjgtMTQuN2MxLjMsMCwyLjcsMC40LDQsMC42bDMuNS0xOS45QzQ5My45LDUyLjcsNDkzLjEsNTIuNiw0OTIuMiw1Mi42eiIvPjxwb2x5Z29uIGNsYXNzPSJzdDIiIHBvaW50cz0iNTQ2LjgsNTcuMiA1NDQuOSw3Mi45IDUyNi45LDM1LjIgNTA1LjcsMzUuMiA0OTMuNSwxMDQuMiA1MTUuMiwxMDQuMiA1MTkuMSw4Mi40IDUyMSw2Ni42IDUzOSwxMDQuMiA1NjAuMSwxMDQuMiA1NzIuMywzNS4yIDU1MC42LDM1LjIgIi8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTYwNy4zLDUyLjZjLTE2LjEsMC0zMC4zLDEwLjUtMzMuMiwyN2MtMywxNi45LDcuOSwyNi4xLDI0LDI2LjFjMTEuNywwLDI1LjEtNC4xLDMwLjctMTYuNmgtMTkuMWMtMiwzLTUuMSw0LjQtOC4zLDQuNGMtNS4zLDAtOS4yLTMuOS04LjEtOS45aDM4QzYzNC44LDY1LjQsNjI1LjksNTIuNiw2MDcuMyw1Mi42eiBNNjEzLjIsNzMuNGgtMTguMWMwLjktNS40LDQuOS04LjcsMTAuOC04LjdDNjEwLjYsNjQuNyw2MTQsNjguOCw2MTMuMiw3My40eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik02NzAuNiwzOC40SDY1MUw2NDguMiw1NGgtNy40bC0yLDExLjVoNy4xbC0zLjcsMjFjLTMuMSwxNy4zLTAuMiwxOS4yLDI2LjIsMTcuN2wyLjUtMTQuM2gtMy4yYy01LjYsMC01LjktMS42LTUuMS02LjJsMy4yLTE4LjJoOS42bDItMTEuNWgtOS42TDY3MC42LDM4LjR6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTY5Mi4zLDM3Yy00LjIsMC04LjQsMy40LTkuMyw3LjZjLTAuOSw0LjIsMS44LDcuNiw2LDcuNmM0LjIsMCw4LjQtMy40LDkuMy03LjZDNjk5LjIsNDAuNSw2OTYuNSwzNyw2OTIuMywzN3ogTTY5NS44LDQ0LjdjLTAuNywzLjMtMy40LDUuNC02LjMsNS40Yy0yLjgsMC00LjctMi4xLTQtNS40YzAuNy0zLjMsMy40LTUuNCw2LjMtNS40QzY5NC42LDM5LjMsNjk2LjUsNDEuNCw2OTUuOCw0NC43eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik02OTEuNSw0MC42aC0zLjFsLTEuNyw4LjJoMS45bDAuNy0zLjJoMC40bDEuMiwzLjJoMi4xbC0xLjMtMy40YzEuNC0wLjEsMi40LTAuNiwyLjctMi4zQzY5NC45LDQxLjEsNjkzLjcsNDAuNiw2OTEuNSw0MC42eiBNNjkyLjUsNDIuOWMtMC4yLDAuOC0wLjYsMS0xLjMsMWgtMS42bDAuNC0xLjhoMS4xQzY5MS43LDQyLjEsNjkyLjcsNDIuMiw2OTIuNSw0Mi45eiIvPjwvZz48L3N2Zz4="); | |
| var emoji_no_smile = svg.append("defs").append("g").attr("id", ":|"), | |
| emoji_regular_smile = svg.append("defs").append("g").attr("id", ":)"), | |
| emoji_big_smile = svg.append("defs").append("g").attr("id", ":D"); | |
| emoji_no_smile.append("svg:image").attr("width", 22).attr("height", 22).attr("xlink:href", "data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDp1cmwoI3JhZGlhbC1ncmFkaWVudCk7fS5jbHMtMntmaWxsOnVybCgjbGluZWFyLWdyYWRpZW50KTt9LmNscy0ze2ZpbGw6IzQyMjEwYjt9PC9zdHlsZT48cmFkaWFsR3JhZGllbnQgaWQ9InJhZGlhbC1ncmFkaWVudCIgY3g9IjYuOTQiIGN5PSI3LjMxIiByPSIxNC4wMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMC43NSIgc3RvcC1jb2xvcj0iI2ZmYzgwMCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0ib3JhbmdlIi8+PC9yYWRpYWxHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjMuODEiIHkxPSIzLjgxIiB4Mj0iMTIuNTYiIHkyPSIxMi41NiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMC4wNSIgc3RvcC1jb2xvcj0iI2ZmZWJhZiIvPjxzdG9wIG9mZnNldD0iMC4zMyIgc3RvcC1jb2xvcj0iI2ZmZWIzMiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2ZmYzgwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjx0aXRsZT5BcnRib2FyZCAxPC90aXRsZT48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjEwIiBjeT0iMTAiIHI9IjEwIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTYuMTksMy44MWMxLjc0LDEuNzQtLjYyLDUuODEtMy44LDguOTJzLTYuOSw1LjEzLTguNTcsMy40NUE4Ljc1LDguNzUsMCwwLDEsMTYuMTksMy44MVoiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xMy4yNSwxNEg2Ljc1YS41LjUsMCwxLDEsMC0xaDYuNWEuNS41LDAsMSwxLDAsMVoiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMyIgY3g9IjEzIiBjeT0iOC4zNSIgcj0iMS41Ii8+PGNpcmNsZSBjbGFzcz0iY2xzLTMiIGN4PSI3LjEzIiBjeT0iOC4zNSIgcj0iMS41Ii8+PC9zdmc+"); | |
| emoji_regular_smile.append("svg:image").attr("width", 22).attr("height", 22).attr("xlink:href", "data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDp1cmwoI3JhZGlhbC1ncmFkaWVudCk7fS5jbHMtMntmaWxsOnVybCgjbGluZWFyLWdyYWRpZW50KTt9LmNscy0zLC5jbHMtNXtmaWxsOiM0MjIxMGI7fS5jbHMtM3tzdHJva2U6IzQyMjEwYjtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6MS41cHg7fS5jbHMtNHtmaWxsOnVybCgjbGluZWFyLWdyYWRpZW50LTIpO308L3N0eWxlPjxyYWRpYWxHcmFkaWVudCBpZD0icmFkaWFsLWdyYWRpZW50IiBjeD0iNi45NCIgY3k9IjcuMzEiIHI9IjE0LjAxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwLjc1IiBzdG9wLWNvbG9yPSIjZmZjODAwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJvcmFuZ2UiLz48L3JhZGlhbEdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0ibGluZWFyLWdyYWRpZW50IiB4MT0iMy44MSIgeTE9IjMuODEiIHgyPSIxMi41NiIgeTI9IjEyLjU2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwLjA1IiBzdG9wLWNvbG9yPSIjZmZlYmFmIi8+PHN0b3Agb2Zmc2V0PSIwLjMzIiBzdG9wLWNvbG9yPSIjZmZlYjMyIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZjODAwIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudC0yIiB4MT0iNC42OSIgeTE9IjEzLjMiIHgyPSIxNS4zMSIgeTI9IjEzLjMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNlMWUxZTEiLz48c3RvcCBvZmZzZXQ9IjAuMjUiIHN0b3AtY29sb3I9IiNmZmYiLz48c3RvcCBvZmZzZXQ9IjAuNzUiIHN0b3AtY29sb3I9IiNmZmYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNlMWUxZTEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48dGl0bGU+QXJ0Ym9hcmQgMjwvdGl0bGU+PGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSIxMCIgY3k9IjEwIiByPSIxMCIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTE2LjE5LDMuODFjMS43NCwxLjc0LS42Miw1LjgxLTMuOCw4Ljkycy02LjksNS4xMy04LjU3LDMuNDVBOC43NSw4Ljc1LDAsMCwxLDE2LjE5LDMuODFaIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNNC43LDEyLjcyYS40NC40NCwwLDAsMSwuNi0uNDgsMTMsMTMsMCwwLDAsNC43Ljg0LDEyLjc0LDEyLjc0LDAsMCwwLDQuNjgtLjgzLjQ1LjQ1LDAsMCwxLC42Mi40OGMtLjUsMi4xMS0yLjksMy41NS01LjMsMy41NVM1LjIxLDE0LjgzLDQuNywxMi43MloiLz48cGF0aCBjbGFzcz0iY2xzLTQiIGQ9Ik0xNSwxMy41M2EzLjYzLDMuNjMsMCwwLDAsLjMtLjc5LjQ1LjQ1LDAsMCwwLS42Mi0uNDgsMTIuNzUsMTIuNzUsMCwwLDEtNC42OC44MywxMywxMywwLDAsMS00LjctLjg0LjQ0LjQ0LDAsMCwwLS42LjQ4LDMuNTcsMy41NywwLDAsMCwuMzEuODEsMTQuMjMsMTQuMjMsMCwwLDAsNSwuODdBMTQsMTQsMCwwLDAsMTUsMTMuNTNaIi8+PGVsbGlwc2UgY2xhc3M9ImNscy01IiBjeD0iMTMiIGN5PSI4LjAxIiByeD0iMS4zOCIgcnk9IjEuNzUiLz48ZWxsaXBzZSBjbGFzcz0iY2xzLTUiIGN4PSI3LjEzIiBjeT0iOC4wMSIgcng9IjEuMzgiIHJ5PSIxLjc1Ii8+PC9zdmc+"); | |
| emoji_big_smile.append("svg:image").attr("width", 22).attr("height", 22).attr("xlink:href", "data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDp1cmwoI3JhZGlhbC1ncmFkaWVudCk7fS5jbHMtMntmaWxsOnVybCgjbGluZWFyLWdyYWRpZW50KTt9LmNscy0zLC5jbHMtNHtmaWxsOiM0MjIxMGI7fS5jbHMtNCwuY2xzLTZ7c3Ryb2tlOiM0MjIxMGI7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fS5jbHMtNHtzdHJva2Utd2lkdGg6MS41cHg7fS5jbHMtNXtmaWxsOnVybCgjbGluZWFyLWdyYWRpZW50LTIpO30uY2xzLTZ7ZmlsbDpub25lO3N0cm9rZS13aWR0aDowLjI1cHg7fTwvc3R5bGU+PHJhZGlhbEdyYWRpZW50IGlkPSJyYWRpYWwtZ3JhZGllbnQiIGN4PSI2Ljk0IiBjeT0iNy4zMSIgcj0iMTQuMDEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAuNzUiIHN0b3AtY29sb3I9IiNmZmM4MDAiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9Im9yYW5nZSIvPjwvcmFkaWFsR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQiIHgxPSIzLjgxIiB5MT0iMy44MSIgeDI9IjEyLjU2IiB5Mj0iMTIuNTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAuMDUiIHN0b3AtY29sb3I9IiNmZmViYWYiLz48c3RvcCBvZmZzZXQ9IjAuMzMiIHN0b3AtY29sb3I9IiNmZmViMzIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmM4MDAiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0ibGluZWFyLWdyYWRpZW50LTIiIHgxPSI0LjAxIiB5MT0iMTQuMDEiIHgyPSIxNiIgeTI9IjE0LjAxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZTFlMWUxIi8+PHN0b3Agb2Zmc2V0PSIwLjI1IiBzdG9wLWNvbG9yPSIjZmZmIi8+PHN0b3Agb2Zmc2V0PSIwLjc1IiBzdG9wLWNvbG9yPSIjZmZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZTFlMWUxIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHRpdGxlPkFydGJvYXJkIDM8L3RpdGxlPjxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iMTAiIGN5PSIxMCIgcj0iMTAiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xNi4xOSwzLjgxYzEuNzQsMS43NC0uNjIsNS44MS0zLjgsOC45MnMtNi45LDUuMTMtOC41NywzLjQ1QTguNzUsOC43NSwwLDAsMSwxNi4xOSwzLjgxWiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTEzLDguMzVhMS40MywxLjQzLDAsMCwxLDEuMjEuNzdBMi4xOCwyLjE4LDAsMCwwLDE0LjUsOCwxLjcyLDEuNzIsMCwwLDAsMTMsNi4xNCwxLjcyLDEuNzIsMCwwLDAsMTEuNSw4YTIuMTgsMi4xOCwwLDAsMCwuMjksMS4xQTEuNDMsMS40MywwLDAsMSwxMyw4LjM1WiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTcuMTMsOC4zNWExLjQzLDEuNDMsMCwwLDEsMS4yMS43N0EyLjE4LDIuMTgsMCwwLDAsOC42Myw4YTEuNzIsMS43MiwwLDAsMC0xLjUtMS44N0ExLjcyLDEuNzIsMCwwLDAsNS42Myw4YTIuMTgsMi4xOCwwLDAsMCwuMjksMS4xQTEuNDMsMS40MywwLDAsMSw3LjEzLDguMzVaIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNNC4zNywxMi4yMUEuNDguNDgsMCwwLDEsNSwxMS42NWExMi42MywxMi42MywwLDAsMCw1LDEsMTIuNDIsMTIuNDIsMCwwLDAsNS0xLC40OS40OSwwLDAsMSwuNjYuNTdBNS43Miw1LjcyLDAsMCwxLDEwLDE2LjQsNS44Myw1LjgzLDAsMCwxLDQuMzcsMTIuMjFaIi8+PHBhdGggY2xhc3M9ImNscy00IiBkPSJNNCwxMi4wNWEuNTIuNTIsMCwwLDEsLjY4LS42MUExMy4xNSwxMy4xNSwwLDAsMCwxMCwxMi41MmExMi45MywxMi45MywwLDAsMCw1LjI4LTEuMDYuNTIuNTIsMCwwLDEsLjcuNjIsNi4xLDYuMSwwLDAsMS02LDQuNTRBNi4yMSw2LjIxLDAsMCwxLDQsMTIuMDVaIi8+PHBhdGggY2xhc3M9ImNscy01IiBkPSJNNCwxMi4wNWEuNTIuNTIsMCwwLDEsLjY4LS42MUExMy4xNSwxMy4xNSwwLDAsMCwxMCwxMi41MmExMi45MywxMi45MywwLDAsMCw1LjI4LTEuMDYuNTIuNTIsMCwwLDEsLjcuNjIsNi4xLDYuMSwwLDAsMS02LDQuNTRBNi4yMSw2LjIxLDAsMCwxLDQsMTIuMDVaIi8+PHBhdGggY2xhc3M9ImNscy02IiBkPSJNMTUuODQsMTMuMzJBMTEuNzYsMTEuNzYsMCwwLDEsMTAsMTQuNjhhMTEuOTEsMTEuOTEsMCwwLDEtNS44My0xLjM4Ii8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMTYuMiwxMy42NGE5LjUxLDkuNTEsMCwwLDEtMy4wNy45MywxNS40NywxNS40NywwLDAsMS0zLjEzLjEzLDE1LjI4LDE1LjI4LDAsMCwwLDMuMDUtLjVBOSw5LDAsMCwwLDE1LjgsMTNaIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMTAsMTQuNzFhMTUuMDUsMTUuMDUsMCwwLDEtMy4xMy0uMTUsOS43Niw5Ljc2LDAsMCwxLTMuMDYtLjk0TDQuMjEsMTNBOS4yMyw5LjIzLDAsMCwwLDcsMTQuMiwxNC44NywxNC44NywwLDAsMCwxMCwxNC43MVoiLz48L3N2Zz4="); | |
| header = svg.selectAll().data([0]).enter().append("g"); | |
| header.append("text").attr("class", "mainheader").attr("text-anchor", "left").attr("x", 0).attr("y", 0).attr("dominant-baseline", "hanging").text(chartData.props.store.text); | |
| header.append("text").attr("class", "timestamp").attr("x", 370).attr("y", 2).attr("text-anchor", "end").attr("dominant-baseline", "hanging").text(chartData.props.timestamp.text); | |
| header.append("g").attr("transform", "translate(100, 490)").append("use").attr("xlink:href", "#hunterlogo"); | |
| gauge = function (n, t) { | |
| function e(n) { | |
| var t = undefined; | |
| for (t in n) config[t] = n[t]; | |
| u = config.maxAngle - config.minAngle; | |
| i = config.size / 2; | |
| c = Math.round(i * config.pointerHeadLengthPercent); | |
| f = d3.scaleLinear().range([0, 1]).domain([config.minValue, config.maxValue]); | |
| l = f.ticks(config.majorTicks); | |
| a = d3.range(config.majorTicks).map(function () { | |
| return 1 / config.majorTicks | |
| }); | |
| o = d3.arc().innerRadius(i - config.ringWidth - config.ringInset).outerRadius(i - config.ringInset).startAngle(function (n, t) { | |
| var i = n * t; | |
| return deg2rad(config.minAngle + i * u) | |
| }).endAngle(function (n, t) { | |
| var r = n * (t + 1), | |
| i = config.minAngle + r * u; | |
| return i = i > 120 ? 120 : i, deg2rad(i) | |
| }) | |
| } | |
| function v() { | |
| return "translate(" + (10 + i) + "," + (40 + i) + ")" | |
| } | |
| function y() { | |
| return svg !== undefined | |
| } | |
| function p(n) { | |
| var a = v(), | |
| f = svg.append("g").attr("transform", "translate(0, " + (config.clipHeight + 10) * t + ")").attr("class", "itemcontainer" ), | |
| u = f.append("g").attr("class", "gaugecontainer").attr("transform", a), | |
| e, c, y, l, i, r; | |
| if (chartData.data[t].count == -1) { f.attr("opacity", .5); chartData.data[t].count = null} | |
| u.append("text").attr("class", "equipheader").attr("text-anchor", "middle").attr("x", 0).attr("y", -(config.clipHeight / 2) + 15).text(chartData.data[t].name); | |
| e = d3.arc().innerRadius(config.size / 2 - config.ringWidth - config.ringInset).outerRadius(config.size / 2 - config.ringInset).startAngle(function () { | |
| return deg2rad(-120) | |
| }).endAngle(function () { | |
| return deg2rad(120) | |
| }); | |
| u.selectAll("g").data([1]).enter().append("path").attr("fill", arcBackgroundColor).attr("d", e); | |
| u.selectAll("g").data([chartData.data[t].count / chartData.data[t].goal]).enter().append("path").attr("fill", getGoalColor(chartData.data[t].goalAchieved)).attr("d", o); | |
| u.append("line").attr("stroke", "#000").style("stroke-dasharray", "5, 5").attr("stroke-width", 1).attr("x1", 20).attr("x2", 55).attr("y1", 0).attr("y2", 0); | |
| c = u.append("g").attr("transform", "translate(0, 40)"); | |
| c.append("text").attr("text-anchor", "middle").append("tspan").attr("class", chartData.data[t].goalAchieved ? "goalachieved" : "goalnotachieved").text(function () { | |
| return chartData.data[t].count | |
| }).append("tspan").attr("class", "grey").text(function () { | |
| return " / " + chartData.data[t].goal | |
| }); | |
| f.append("line").style("shape-rendering", "crispEdges").attr("stroke-width", 1).attr("stroke", "#ddd").attr("x1", 0).attr("y1", config.clipHeight + 20).attr("x2", 375).attr("y2", config.clipHeight + 20); | |
| y = d3.line().curve(d3.curveLinear); | |
| l = u.append("g").attr("class", "pointer"); | |
| s = l.append("path").attr("d", "M8,59.5c-1.2-9-2-18.11-2.52-26.18L5.46,1a1,1,0,1,0-2,0l0,32.32C3,41.39,2.19,50.54,1,59.5,0,67,9,67,8,59.5Z"); | |
| h(n === undefined ? 0 : n); | |
| i = f.append("g").attr("class", "equipdetails").attr("transform", "translate(" + (config.clipWidth + 20) + ", 50)"); | |
| r = chartData.data[t]; | |
| r.type === "QC" ? (i.attr('opacity','.5'), i.append("text").text("Opportunities"), i.append("line").style("shape-rendering", "crispEdges").attr("stroke-width", 1).attr("stroke", "#ddd").attr("x1", 0).attr("y1", 8).attr("x2", 190).attr("y2", 8), i.append("text").attr("class", "boldit").attr("transform", "translate(0, 25)").text(r.alignments), i.append("text").attr("transform", "translate(30, 25)").text("Alignments"), i.append("text").attr("class", "boldit").attr("transform", "translate(0, 45)").text(r.tires), i.append("text").attr("transform", "translate(30, 45)").text("Tires"), i.append("text").attr("class", "boldit").attr("transform", "translate(0, 65)").text(r.batteries), i.append("text").attr("transform", "translate(30, 65)").text("Batteries"), i.append("text").attr("class", "boldit").attr("transform", "translate(125, 45)").text(r.brakes), i.append("text").attr("transform", "translate(150, 45)").text("Brakes"), i.append("text").attr("class", "boldit").attr("transform", "translate(125, 65)").text(r.dtcs), i.append("text").attr("transform", "translate(150, 65)").text("DTCs"), i.append("g").attr("transform", "translate(-3, 82)").append("use").attr("xlink:href", "#" + getEmoji(r)[0]), i.append("text").attr("transform", "translate(30, 100)").attr("class", "italicit").text(function () { | |
| return getEmoji(r)[1] | |
| })) : r.type === "AL" ? (i.append("text").attr("class", "boldit").attr("transform", "translate(0, 25)").text(function () { | |
| return r.conversionRate + "%" | |
| }), i.append("text").attr("transform", "translate(45, 25)").text("Conversion Rate"), i.append("text").attr("class", "boldit").attr("transform", "translate(0, 45)").text(r.openOpportunities), i.append("text").attr("transform", "translate(45, 45)").text("Open Opportunities"), i.append("g").attr("transform", "translate(-3, 58)").append("use").attr("xlink:href", "#" + getEmoji(r)[0]), i.append("text").attr("transform", "translate(35, 75)").attr("class", "italicit").text(function () { | |
| return getEmoji(r)[1] | |
| })) : r.type === "BA" && (i.append("text").attr("class", "boldit").attr("transform", "translate(0, 10)").text(function () { | |
| return r.roadForced + "%" | |
| }), i.append("text").attr("transform", "translate(45, 10)").text("Road Forced"), i.append("text").attr("class", "boldit").attr("transform", "translate(0, 30)").text(r.comebacksSaved), i.append("text").attr("transform", "translate(45, 30)").text("Comebacks Saved"), i.append("text").attr("class", "boldit").attr("transform", "translate(0, 50)").text(function () { | |
| return r.smartWeight + "%" | |
| }), i.append("text").attr("transform", "translate(45, 50)").text("SmartWeight"), i.append("g").attr("transform", "translate(-3, 63)").append("use").attr("xlink:href", "#" + getEmoji(r)[0]), i.append("text").attr("transform", "translate(35, 80)").attr("class", "italicit").text(function () { | |
| return getEmoji(r)[1] | |
| })) | |
| } | |
| function h(n, t) { | |
| t !== undefined && e(t); | |
| var r = f(n), | |
| i = config.minAngle + r * u; | |
| i = i > 120 ? 120 : i; | |
| s.attr("transform", "scale(0.9) rotate(" + (i + 360) + ") translate(-5, -62)") | |
| } | |
| var r = {}, | |
| u = undefined, | |
| i = undefined, | |
| c = undefined, | |
| o = undefined, | |
| f = undefined, | |
| l = undefined, | |
| a = undefined, | |
| s = undefined, | |
| w = d3.pie(); | |
| return config.maxValue = chartData.data[t].goal, r.configure = e, r.isRendered = y, r.render = p, r.update = h, e(n), r | |
| }; | |
| window.isLoaded ? onDocumentReady() : window.addEventListener("load", function () { | |
| onDocumentReady() | |
| }, !1); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| * { | |
| speak: none; | |
| font-family: 'Open Sans',serif; | |
| font-style: normal; | |
| font-weight: normal; | |
| font-variant: normal; | |
| text-transform: none; | |
| line-height: 1; | |
| background-color: #fff; | |
| -webkit-font-smoothing: antialiased; | |
| text-rendering: optimizeLegibility | |
| } | |
| .goalachieved { | |
| fill: #01aa33; | |
| stroke: none; | |
| font-weight: bold; | |
| font-size: 18px | |
| } | |
| .goalnotachieved { | |
| fill: #19e200; | |
| stroke: none; | |
| font-weight: bold; | |
| font-size: 18px | |
| } | |
| .grey { | |
| fill: #ddd; | |
| stroke: none; | |
| font-weight: bold; | |
| font-size: 18px | |
| } | |
| .timestamp { | |
| font-size: 14px; | |
| font-style: italic; | |
| fill: #cacaca | |
| } | |
| .mainheader { | |
| font-weight: bold; | |
| font-size: 16px | |
| } | |
| .equipheader { | |
| font-weight: bold; | |
| font-size: 20px | |
| } | |
| .equipdetails { | |
| font-size: 14px | |
| } | |
| .boldit { | |
| font-weight: bold | |
| } | |
| .italicit { | |
| font-style: italic | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment