Ensure Window Period is displayed on all cells - not just the cells using adaptive zoom.
- Dominant language
- TypeScript
- Stars
- 117
- Forks
- 51
- Avg merge
- 2d 15h
- Merged PRs (30d)
- 4
Description
## Problem
windowPeriod is not easily knowable. In cases where the windowPeriod is set by a flux query, the windowPeriod is not knowable at all on the dashboard cell UI.
## Figma from @taramk
https://www.figma.com/file/9iaD83d0YkKDYBEms5YKGM/windowPeriod-dropdown?node-id=210%3A610
## Acceptance Criteria (ACs)
- Reorganize the row of buttons on the Dashboard page in accordance with the Figma. Order of buttons (Add Cell, Add Note, Refresh, Refresh Frequency, Time Zone, Time Range, Window Period, Ellipses)
- The AddCell icon should match what's in the Figma (New Icon)
- Time range dropdown should be resized narrower as shown in mocks
- In time range dropdown, the label “Custom Time Range” should be renamed to “Custom Range” so the text does not get cut off
- The Ellipses button on the far right should contain more options including: Show Variables, Enable Annotations, Enable Light Mode, Open Presentation Mode, Interaction Tips)
- The first three options in the Ellipses button of more options should be toggles (on/off switches). This includes: Show Variables, Enable Annotations, Enable Light Mode
- If the user clicks on Interaction Tips, a modal should overlay the screen containing what was previously accessible via the question mark button. (See Figma)
- Remove the question mark button from the Dashboards UI
- windowPeriod button icon should be the Windows icon (what use to be the AddCell icon)
- windowPeriod button should show current value in parentheses on button label as shown in mocks
- windowPeriod button should be a dropdown of options. The options should match the 'custom' list in the data explorer (10s, 15m, 1h, 6h, 12h, 24h, 2d) See Figma.
## Ideas from @philjb & @stuartcarnie
- Showing the windowPeriod at the top of every dashboard e.g. along side the time range perhaps.
- Always display the windowPeriod used in a dashboard, update the display when it changes and otherwise make it exposed to customers.
- Create a specific cell to show the value. This is cumbersome and not always visible on screen (dashboard has many pages to scroll through).
- The timezone for the time axis would also be useful to display per chart also for screenshots - perhaps once near the origin instead of with each time tick
- The window period should also be on-screen visible in edit mode and in the explore page.
```
import "generate"
generate.from(start: v.timeRangeStart, stop: v.timeRangeStart, count: 2, fn: (n) => 1)
|> range(start: v.timeRangeStart, stop: v.timeRangeStop) // required to define windowPeriod var
|> map(fn: (r) => ({r with _value: int(v: v.windowPeriod)/1000/1000/1000 }))
```
## Use case
Understanding data - allows determining units of charts, especially in screenshots.
_credit to @stuartcarnie_
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.