wazuh-kibana-app/public/templates/agents-metrics.html

<div>
	<ul class="wazuh-submenu">
		<li><a  href="/app/wazuh#/agents">Overview</a></li>
		<li class="active"><a>Metrics</a></li>
	</ul>
</div>
<div class="container" ng-controller="kibanaIntegrationController">
    <h2 class="container_page_title">Metrics <span class="filterSpan" ng-show="defMetricsFilter != ''">{{defMetricsFilter}}</span></h2>
    <div style="margin-bottom: 25px;">
        <label style="font-weight: bold;">Top 10 groups <a ng-href="{{getVisualization('TopGroups', defMetricsFilter, 'from:now-7d,mode:quick,to:now', true)}}" target="_blank"><span class="glyphicon glyphicon-share"></span></a></label>
        <iframe ng-src="{{getVisualization('TopGroups', defMetricsFilter, 'from:now-7d,mode:quick,to:now', false)}}" height="350" width="100%"></iframe>
        <label style="font-weight: bold;">Top 10 alerts <a ng-href="{{getVisualization('TopAlerts', defMetricsFilter, 'from:now-7d,mode:quick,to:now', true)}}" target="_blank"><span class="glyphicon glyphicon-share"></span></a></label>
        <iframe ng-src="{{getVisualization('TopAlerts', defMetricsFilter, 'from:now-7d,mode:quick,to:now', false)}}" height="350" width="100%"></iframe>
        <label style="font-weight: bold;">Alerts by time <a ng-href="{{getVisualization('AlertsTime', defMetricsFilter, 'from:now-7d,mode:quick,to:now', true)}}" target="_blank"><span class="glyphicon glyphicon-share"></span></a></label>
        <iframe ng-src="{{getVisualization('AlertsTime', defMetricsFilter, 'from:now-7d,mode:quick,to:now', false)}}" height="350" width="100%"></iframe>
        <label style="font-weight: bold;">Average alert level <a ng-href="{{getVisualization('AverageAlertLevel', defMetricsFilter, 'from:now-7d,mode:quick,to:now', true)}}" target="_blank"><span class="glyphicon glyphicon-share"></span></a></label>
        <iframe ng-src="{{getVisualization('AverageAlertLevel', defMetricsFilter, 'from:now-7d,mode:quick,to:now', false)}}" height="350" width="100%"></iframe>
    </div>
</div>