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

export interface IServerHealthProps extends IBasicVizChartProps {
  rows: IServerHealthRow[]
  startTime: number // start time in seconds
  endTime: number // end time in seconds
}

export interface IServerHealthRow {
  name: string
  severity: string
  data: number[][]
  // highlightColor: string
  // bgColor: string
}

JSON Config

 {
  viz: [
    {
      vizName: 'ServerHealth',
      name: 'Server Health',
      rows: dataMap['SERVER.HEALTH'](),
      startTime: moment()
        .subtract(6, 'hours')
        .unix(),
      endTime: moment().unix(), 
    },
  ],
}

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