Show gRPC request in Graph

[Christian-Marc]

I'm looking for help examples how I can added my gRPC tags in a Graph on The Dashboard. I have added custom metrics and tags, but don't understand how to transform them into a graph.

Are there examples for this?

Thanks for the help
Marc

[szkiba]

Did you created a custom config file (.dashboard.js)? There is an example on readme how to create one...

[Christian-Marc]

No, not yet because I don't know how to add the custom metric. I will try it tonight and post my try here

[Christian-Marc]

Adding the custom tab via the .dashboard.js was no problem. Can I use any custom created metric? If tried the build-in grpc_req_duration metric but then the dashboard wouldn't load. Here is a copy of the custom dashboard"

// helper for adding p(99) to existing chart
function addP99 (chart) {
chart.series = {
...chart.series,
'grpc_req_duration(99)': { label: 'p(99)' }
}
}

// define request duration panel
function durationPanel (suffix) {
return {
id: grpc_req_duration${suffix},
title: gRPC request Duration ${suffix},
metric: grpc_req_duration_trend_${suffix},
format: 'duration'
}
}

// copy vus and http_reqs panel from default config
const overview = defaultConfig.tab('overview_snapshot')

// define custom panels
const customPanels = [
overview.panel('vus'),
overview.panel('grpc_req_duration'),
durationPanel('avg'),
durationPanel('p(90)'),
durationPanel('p(95)'),
durationPanel('p(99)')
]

// copy http_req_duration chart form default config...
const durationChart = { ...overview.chart('grpc_req_duration') }

// ... and add p(99)
addP99(durationChart)

// define custom tab
const customTab = {
id: 'custom',
title: 'Custom',
event: overview.event,
panels: customPanels,
charts: [overview.chart('grpc_req_duration'), durationChart],
description: 'Example of customizing the display of metrics.'
}

// add custom tab to configuration
defaultConfig.tabs.push(customTab)

export default defaultConfig

[szkiba]

Sure, every metrics should work. Could you send a few events from SSE stream? (/events relative URL, http://127.0.0.1:5665/events)
Then I'll check your config based on actual events..

[Christian-Marc]

dashboard-events.txt
Here is the event stream of the dashboard

[szkiba]

Unfortunately, it will break.

[Christian-Marc]

@szkiba Ok, then I wait till my performance test is finished and then upgrade. Is it still possible to create custom tabs? I don't see this in the documentation?

[szkiba]

It is possible, but not documented (yet). You can check config.json in dashboard/assets/packages/config/dist/config.json to get example (this is the default config object)

[Christian-Marc]

@szkiba thanks for the example and I restructured it to the new format, but it is not producing an dashboard. Can you have a quick look to point to my error? Here is the new .dashboard I created
dashboard.js.zip

[ogxd]

I could not find any documentation about .dashboard.js for custom metrics, so I am interested in this. Report for gRPC test is indeed a little empty by default.