mozaik-ext-dynatrace-api

Mozaïk DynaTrace Api widget

Use DynaTrace's Api to display graphs from DynaTrace onto Mozaïk dashboard framework.

Preview

DynaTrace Api widget Configuration

Api Configuration

api: {
  dynatrace: {
    apiToken: process.env.DYNATRACE_APITOKEN
  }
}

Working Example Dashboard Configuration

{
  type:               'dynatrace.graph',
  title:              'PPWebAppSystemTest CPU Percentage:',
  chartType:          'AreaChart',
  baseUrl:            'https://example.live.dynatrace.com',
  relativeTime:       '2hours',
  entity:             'HOST-91ED4498C311CGHT',
  aggregationType:    'AVG',
  timeseriesId:       'com.dynatrace.builtin:host.cpu.user',
  graphID:            "dynatrace2",
  heightpx:           "368px",
  xLabel:             "Time",
  xType:              "string", 
  yLabel:             "CPU Usage Percentage",
  yType:              "number",  
  minValue:           0,
  maxValue:           100,   
  fontsize:           10,
  columns: 1, rows: 2,
  x: 0, y: 0
}

Parameters

For information on obtaining your baseUrl, relativeTime, entity and timeseriesId, see the dynatrace api documentation.

key	required	description	Examples
chartType	yes	The chart type. The types of chart you can choose from can be found here	'AreaChart'
baseUrl	yes	Your DynaTrace base url	'https://example.live.dynatrace.com'
relativeTime	yes	Choose the length of time in the past to display the data from	'hour', '2hours', 'day', 'week', and 'month'
entity	yes	The entity ID	'APPLICATION-EA7C4B59F27D4NGK'
timeseriesId	yes	The timeseriesId	'com.dynatrace.builtin:host.cpu.user'
title	yes	The widget title	'App Service 1 Requests (Last day/every hour):'
apiKey	yes	Your Application Insights api key. Details to generate your api key can be found here	'DEMO_KEY'
graphID	yes	Choose a unique ID for your graph	'UniqueID23'
xlabel	yes	Choose a label name for the x-axis of the graph	'Time'
xType	yes	Choose the type of values that will be displayed along the x-axis	'String'
yLabel	yes	Choose a label name for the y-axis of the graph	'Requests'
yType	yes	Choose the type of values that will be displayed along the y-axis	'number'
slantedText	no	Choose whether to have the xAxis value labels slanted	true or false
slantedTextAngle	no	Choose the degree of angle for the slanteed xAxis value labels	25
seriesType	no	Choose the way the data is displayed on the graph	'bars'
fontsize	no	Choose the size of the graph's text font	10
pointsize	no	Choose the size of the data points	5
heightpx	no	Choose the height of your graph, default being 300px	200px
linecolour	no	Choose the colour of the line plot, default being blue	'#f00'
minValue	no	The minimum value allowed to be displayed on the graph	0
maxValue	no	The maximum value allowed to be displayed on the graph	100