mirror of https://github.com/ColorlibHQ/gentelella
43 lines
1.7 KiB
Markdown
43 lines
1.7 KiB
Markdown
|
## jquery.flot.absRelTime.js
|
||
|
|
|
||
|
|
This plugin is used to format the time axis in absolute time representation as
|
||
|
|
well as relative time representation.
|
||
|
|
|
||
|
|
It supports the following options:
|
||
|
|
```js
|
||
|
|
xaxis: {
|
||
|
|
timezone: null, // "browser" for local to the client or timezone for timezone-js
|
||
|
|
timeformat: null, // format string to use
|
||
|
|
twelveHourClock: false, // 12 or 24 time in time mode
|
||
|
|
monthNames: null // list of names of months
|
||
|
|
}
|
||
|
|
```
|
||
|
|
|
||
|
|
Depending upon the timeformat axis parameter value, the axis tick formatter will
|
||
|
|
choose between an absolute time representation if the value is '%A' or
|
||
|
|
relative time for timeformat '%r'.
|
||
|
|
|
||
|
|
If the format for an axis is 'time', inside processOptions hook the tickGenerator
|
||
|
|
and tickFormatter of the axis will be overrided with the custom ones used by time axes.
|
||
|
|
|
||
|
|
The formatted values look like in the example bellow:
|
||
|
|
|
||
|
|
|format|value(s)|formatted value(s)|
|
||
|
|
|------|----:|--------------:|
|
||
|
|
|Absolute time|0|12:00:00 AM 1/1/0001|
|
||
|
|
|Absolute time|300|12:05:00 AM 1/1/0001|
|
||
|
|
|Relative Time|0, 300, 600|00:00:00, 00:05:00, 00:10:00|
|
||
|
|
|Relative Time|300, 600, 900|00:00:00, 00:05:00, 00:10:00|
|
||
|
|
|
||
|
|
### Relative time axis
|
||
|
|
A relative time axis will show the time values with respect to the first data sample.
|
||
|
|
Basically, the first datapoint from the points array will be considered time 00:00:00:00.
|
||
|
|
If the difference between two datapoints is small, the milliseconds will apear.
|
||
|
|
Otherwise, the time representation will contain only the hour, minute and second.
|
||
|
|
|
||
|
|
### Absolute time axis
|
||
|
|
The absolute time representation contains, beside the hours, minutes and seconds
|
||
|
|
corresponding to the sample the date and year.
|
||
|
|
The value will be splitted on two rows, where the first row is the time and
|
||
|
|
the the second one the date in gregorian date format.
|