Basic Viz Props

The basic VIZ JSON config based on react-grid-layout, that applies to all VIZ

The basic VIZ JSON config based on react-grid-layout, that applies to all VIZ

The basic VIZ JSON config based on react-grid-layout, that applies to all VIZ

The basic VIZ JSON config based on react-grid-layout, that applies to all VIZ

Basic Viz Props

Basic Viz Props

interface IBasicVizProps {
  vizType?: any // The type of the viz
  data?: any // The data for this viz
  dataKey?: string // The data key for the data to get the specific data, defaults to undefined
  description?: string // This text will show up on hover
  width?: number | string // The static width of the chart, default unit is px
  height?: number | string // The static height of the chart, default unit is px
  className?: string // The additional css class for this widget
  style?: React.CSSProperties // The additional CSS style
  isLoading?: boolean // If true, the viz will show a loading diagram
}

UI JSON Example

{
  "vizName": "topIndicator", // The name of the visualization
  "vizType": "bytes", // The type of the visualization
  "dataSourceID": "ROT.ADC.ThunderDashboardTopIndicatorThroughPut", // The data source ID to provide data to the visualization
  "width": 200, // The static width of the chart, default unit is px
  "height": 200, // The static height of the chart, default unit is px
  "className": "" // The additional css class for this widget
}