Page MenuHomePhabricator
Paste P53018

Example grafana text panel to pick specific absolute time ranges
ActivePublic
Actions

Authored by BBlack on Oct 19 2023, 3:25 PM.
<script>
changeToSelectedRange = (range_start, range_end) => {
timeSrv = angular.element('grafana-app').injector().get('timeSrv');
timeSrv.setTime({ from: range_start, to: range_end });
return;
}
</script>
<p>Select reporting time period:</p>
<p>
Final Month of each quarter:<br/>
<button type="button" onclick="changeToSelectedRange('2023-06-01T00:00:00Z','2023-07-01T00:00:00Z')">FY22/23 Q4 (baseline)</button>
<button type="button" onclick="changeToSelectedRange('2023-09-01T00:00:00Z','2023-10-01T00:00:00Z')">FY23/24 Q1</button>
<button type="button" onclick="changeToSelectedRange('2023-12-01T00:00:00Z','2024-01-01T00:00:00Z')">FY23/24 Q2</button>
<button type="button" onclick="changeToSelectedRange('2024-03-01T00:00:00Z','2024-04-01T00:00:00Z')">FY23/24 Q3</button>
<button type="button" onclick="changeToSelectedRange('2024-06-01T00:00:00Z','2024-07-01T00:00:00Z')">FY23/24 Q4</button>
</p>
<p>
Full Quarters:<br/>
<button type="button" onclick="changeToSelectedRange('2023-04-01T00:00:00Z','2023-07-01T00:00:00Z')">FY22/23 Q4 (baseline)</button>
<button type="button" onclick="changeToSelectedRange('2023-07-01T00:00:00Z','2023-10-01T00:00:00Z')">FY23/24 Q1</button>
<button type="button" onclick="changeToSelectedRange('2023-10-01T00:00:00Z','2024-01-01T00:00:00Z')">FY23/24 Q2</button>
<button type="button" onclick="changeToSelectedRange('2024-01-01T00:00:00Z','2024-04-01T00:00:00Z')">FY23/24 Q3</button>
<button type="button" onclick="changeToSelectedRange('2024-04-01T00:00:00Z','2024-07-01T00:00:00Z')">FY23/24 Q4</button>
</p>
Content licensed under Creative Commons Attribution-ShareAlike (CC BY-SA) 4.0 unless otherwise noted; code licensed under GNU General Public License (GPL) 2.0 or later and other open source licenses. By using this site, you agree to the Terms of Use, Privacy Policy, and Code of Conduct. · Wikimedia Foundation · Privacy Policy · Code of Conduct · Terms of Use · Disclaimer · CC-BY-SA · GPL · Credits