Server Health

Server Health over six hours

Props

Name	Type	Default Value	Required	Description
rows	IServerHealthRow[]	[]	yes	data for each bar row
startTime	number (unix timestamp in seconds)	-	yes	unix timestamp representing start time. can use moment().unix()
endTime	number(unix timestamp in seconds)	-	yes	unix timestamp representing start time. can use moment().unix()
interval	number	-	yes	interval between each timepoint

Usage Example

Viz Props

import React from 'react'

import { Viz } from 'a10-gui-dgp-viz'

const { ServerHealth} = Viz
export const MyDashboard = () => {
  return (
    <ServerHealth
        name='Server Health'
        rows={[
        [
          [1590442124, "down"],
          [1590442394, "up"], 
          [1590442664, "down"],
          [1590442934, "down"],
          [1590443204, "down"]
        ],
        ...
        ]}
        startTime={moment()
          .subtract(24, 'hours')
          .unix()}
        endTime={moment().unix()}
        interval={1000}
    />
  )
}

Props Interface

JSON Config

Data Structure

Key	Type	Required	Description
name	string	yes	name of row
severity	string	yes	to describe color/severity status in front of name
data	number[][]	yes	an array of array of unix timestamps indicating when server was down