Testing legend with scroll for an overtly long legend. Test has simple fade out of lines on click of legend item, and moves the legend on roll over of bar lines. Use the slider to increase/decrease the lines and keys in legend.
| const isArray = Array.isArray; | |
| const keyList = Object.keys; | |
| const hasProp = Object.prototype.hasOwnProperty; | |
| export function isDeeplyEqual<T extends any>(a: T, b: T): boolean { | |
| if (a === b) { return true; } | |
| if (a && b && typeof a === 'object' && typeof b === 'object') { | |
| const arrA = isArray(a) |
| <div class="title-holder"> | |
| <h1 class="title">Language Use in India</h1> | |
| <p class="subtitle">Calculated in the Millions</p> | |
| <p class="font">Uncheck labels to recalculate.</p> | |
| </div> | |
| <div id="chart"></div> | |
| <footer> | |
| <ul class="footer"> |
| <div class="row" style="padding:1rem;"> | |
| <div class="col-sm-3"> | |
| <select class="custom-select ql-insertCustomTags"> | |
| <option value="">Guest</option> | |
| <option value="first_name" data-marker="[first_name]" data-title="FIRST NAME" data-colour="warning">First Name</option> | |
| <option value="last_name" data-marker="[last_name]" data-title="LAST NAME" data-colour="warning">Last Name</option> | |
| <option value="full_name" data-marker="[full_name]" data-title="FULL NAME" data-colour="warning">Full Name</option> | |
| </select> | |
| <p> | |
| <div id="editor"></div> |
| <div class="app"> | |
| </div> |
| <div class="row" style="padding:1rem;"> | |
| <div class="col-sm-3"> | |
| <select class="custom-select ql-insertCustomTags"> | |
| <option value="">Guest</option> | |
| <option value="first_name" data-marker="[first_name]" data-title="FIRST NAME" data-colour="warning">First Name</option> | |
| <option value="last_name" data-marker="[last_name]" data-title="LAST NAME" data-colour="warning">Last Name</option> | |
| <option value="full_name" data-marker="[full_name]" data-title="FULL NAME" data-colour="warning">Full Name</option> | |
| </select> | |
| <p> | |
| <div id="editor"></div> |
| <div class="progress"> | |
| <div class="determinate"></div> | |
| </div> |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> | |
| <meta charset="utf-8"> | |
| <title>JS Bin</title> | |
| </head> | |
| <body> | |
| <div class="Title" align="center"> | |
| <h1>Hello</h1> |
CATF44LT7C-eyJsaWNlbnNlSWQiOiJDQVRGNDRMVDdDIiwibGljZW5zZWVOYW1lIjoiVmxhZGlzbGF2IEtvdmFsZW5rbyIsImFzc2lnbmVlTmFtZSI6IiIsImFzc2lnbmVlRW1haWwiOiIiLCJsaWNlbnNlUmVzdHJpY3Rpb24iOiJGb3IgZWR1Y2F0aW9uYWwgdXNlIG9ubHkiLCJjaGVja0NvbmN1cnJlbnRVc2UiOmZhbHNlLCJwcm9kdWN0cyI6W3siY29kZSI6IklJIiwicGFpZFVwVG8iOiIyMDIwLTAxLTA4In0seyJjb2RlIjoiQUMiLCJwYWlkVXBUbyI6IjIwMjAtMDEtMDgifSx7ImNvZGUiOiJEUE4iLCJwYWlkVXBUbyI6IjIwMjAtMDEtMDgifSx7ImNvZGUiOiJQUyIsInBhaWRVcFRvIjoiMjAyMC0wMS0wOCJ9LHsiY29kZSI6IkdPIiwicGFpZFVwVG8iOiIyMDIwLTAxLTA4In0seyJjb2RlIjoiRE0iLCJwYWlkVXBUbyI6IjIwMjAtMDEtMDgifSx7ImNvZGUiOiJDTCIsInBhaWRVcFRvIjoiMjAyMC0wMS0wOCJ9LHsiY29kZSI6IlJTMCIsInBhaWRVcFRvIjoiMjAyMC0wMS0wOCJ9LHsiY29kZSI6IlJDIiwicGFpZFVwVG8iOiIyMDIwLTAxLTA4In0seyJjb2RlIjoiUkQiLCJwYWlkVXBUbyI6IjIwMjAtMDEtMDgifSx7ImNvZGUiOiJQQyIsInBhaWRVcFRvIjoiMjAyMC0wMS0wOCJ9LHsiY29kZSI6IlJNIiwicGFpZFVwVG8iOiIyMDIwLTAxLTA4In0seyJjb2RlIjoiV1MiLCJwYWlkVXBUbyI6IjIwMjAtMDEtMDgifSx7ImNvZGUiOiJEQiIsI