Created
March 31, 2020 12:29
-
-
Save dbauszus-glx/1032227ed71c2a12ded5b78b6ecd4fb1 to your computer and use it in GitHub Desktop.
dashboard test for sites population script
This file contains hidden or 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
| document.dispatchEvent(new CustomEvent('addDashboard', { detail: _f })); | |
| function _f(_xyz, dataview) { | |
| dataview.target.appendChild(_xyz.utils.wire()`<div id="Table1"></div>`); | |
| _xyz.dataview.dataview({ | |
| target: document.getElementById('Table1'), | |
| query: 'Population Summary Sites', | |
| layer: _xyz.layers.list['Sites'], | |
| id: dataview.id, | |
| layout: "fitColumns", | |
| columns: [ | |
| { | |
| "field": "rows", | |
| "title": "Population Summary", | |
| "headerSort": false, | |
| "align": "left" | |
| }, | |
| { | |
| "title": "Grouped columns", | |
| "columns": [ | |
| { | |
| "title": "0-5 mins", | |
| "field": "min5", | |
| "formatter": "money", | |
| "formatterParams": { | |
| "precision": 0 | |
| }, | |
| "align": "center" | |
| }, | |
| { | |
| "title": "0-10 mins", | |
| "field": "min10", | |
| "formatter": "money", | |
| "formatterParams": { | |
| "precision": 0 | |
| }, | |
| "align": "center" | |
| } | |
| ] | |
| } | |
| ] | |
| }) | |
| dataview.target.appendChild(_xyz.utils.wire()`<div id="Table2"></div>`); | |
| _xyz.dataview.dataview({ | |
| target: document.getElementById('Table2'), | |
| query: 'Age Profile Sites', | |
| layer: _xyz.layers.list['Sites'], | |
| id: dataview.id, | |
| layout: "fitColumns", | |
| "columns": [ | |
| { | |
| "field": "rows", | |
| "title": "Age Profile", | |
| "headerSort": false, | |
| "align": "left" | |
| }, | |
| { | |
| "title": "0-5 mins", | |
| "field": "min5", | |
| "formatter": "money", | |
| "formatterParams": { | |
| "precision": 0 | |
| }, | |
| "align": "right" | |
| }, | |
| { | |
| "title": "0-10 mins", | |
| "field": "min10", | |
| "formatter": "money", | |
| "formatterParams": { | |
| "precision": 0 | |
| }, | |
| "align": "right" | |
| }, | |
| { | |
| "title": "0-15 mins", | |
| "field": "min15", | |
| "formatter": "money", | |
| "formatterParams": { | |
| "precision": 0 | |
| }, | |
| "align": "right" | |
| } | |
| ] | |
| }) | |
| dataview.target.appendChild(_xyz.utils.wire()`<div id="Table3"></div>`); | |
| _xyz.dataview.dataview({ | |
| target: document.getElementById('Table3'), | |
| query: 'Social Grade Sites', | |
| layer: _xyz.layers.list['Sites'], | |
| id: dataview.id, | |
| layout: "fitColumns", | |
| "columns": [ | |
| { | |
| "field": "rows", | |
| "title": "Social Grade", | |
| "headerSort": false, | |
| "align": "left" | |
| }, | |
| { | |
| "title": "Drivetimes", | |
| "columns": [ | |
| { | |
| "title": "0-5 mins", | |
| "field": "min5", | |
| "formatter": "money", | |
| "formatterParams": { | |
| "precision": 0 | |
| }, | |
| "align": "right" | |
| }, | |
| { | |
| "title": "0-10 mins", | |
| "field": "min10", | |
| "formatter": "money", | |
| "formatterParams": { | |
| "precision": 0 | |
| }, | |
| "align": "right" | |
| }, | |
| { | |
| "title": "0-15 mins", | |
| "field": "min15", | |
| "formatter": "money", | |
| "formatterParams": { | |
| "precision": 0 | |
| }, | |
| "align": "right" | |
| } | |
| ] | |
| }, | |
| { | |
| "field": "share15", | |
| "title": "% with 15 min", | |
| "formatter": "money", | |
| "formatterParams": { | |
| "precision": 0 | |
| }, | |
| "align": "right" | |
| }, | |
| { | |
| "field": "sg_uk_total", | |
| "title": "UK %", | |
| "formatter": "money", | |
| "formatterParams": { | |
| "precision": 0 | |
| }, | |
| "align": "right" | |
| }, | |
| { | |
| "field": "sg_index", | |
| "title": "Social Grade Index", | |
| "formatter": "progress", | |
| "formatterParams": { | |
| "color": [ | |
| "#2196f3", | |
| "orange", | |
| "red" | |
| ], | |
| "legend": true, | |
| "legendAlign": "center", | |
| "max": 200 | |
| }, | |
| "width": 200 | |
| } | |
| ] | |
| }) | |
| dataview.target.appendChild(_xyz.utils.wire()`<div id="Table4"></div>`); | |
| _xyz.dataview.dataview({ | |
| target: document.getElementById('Table4'), | |
| query: 'OAC Profile Sites', | |
| layer: _xyz.layers.list['Sites'], | |
| id: dataview.id, | |
| layout: "fitColumns", | |
| "columns": [ | |
| { | |
| "field": "rows", | |
| "title": "OAC Profile", | |
| "headerSort": false, | |
| "align": "left" | |
| }, | |
| { | |
| "title": "0-5 mins", | |
| "field": "min5", | |
| "formatter": "money", | |
| "formatterParams": { | |
| "precision": 0 | |
| }, | |
| "align": "right" | |
| }, | |
| { | |
| "title": "0-10 mins", | |
| "field": "min10", | |
| "formatter": "money", | |
| "formatterParams": { | |
| "precision": 0 | |
| }, | |
| "align": "right" | |
| }, | |
| { | |
| "title": "0-15 mins", | |
| "field": "min15", | |
| "formatter": "money", | |
| "formatterParams": { | |
| "precision": 0 | |
| }, | |
| "align": "right" | |
| }, | |
| { | |
| "title": "Index", | |
| "columns": [ | |
| { | |
| "title": "% with 15 min", | |
| "field": "share15", | |
| "formatter": "money", | |
| "formatterParams": { | |
| "precision": 0 | |
| }, | |
| "align": "right" | |
| }, | |
| { | |
| "title": "UK %", | |
| "field": "oac_uk_total", | |
| "formatter": "money", | |
| "formatterParams": { | |
| "precision": 0 | |
| }, | |
| "align": "right" | |
| }, | |
| { | |
| "title": "OAC Profile Index", | |
| "field": "oac_index", | |
| "formatter": "progress", | |
| "formatterParams": { | |
| "color": [ | |
| "#2196f3", | |
| "orange", | |
| "red" | |
| ], | |
| "legend": true, | |
| "legendAlign": "center", | |
| "max": 200 | |
| }, | |
| "width": 200 | |
| } | |
| ] | |
| } | |
| ] | |
| }) | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment