mirror of
https://github.com/grafana/grafana.git
synced 2025-02-20 11:48:34 -06:00
45 lines
2.3 KiB
HTML
45 lines
2.3 KiB
HTML
<kibana-panel ng-controller='hits' ng-init="init()">
|
|
|
|
<div ng-show="panel.counter_pos == 'above' && (panel.chart == 'bar' || panel.chart == 'pie')" id='{{$id}}-legend'>
|
|
<!-- vertical legend -->
|
|
<table class="small" ng-show="panel.arrangement == 'vertical'">
|
|
<tr ng-repeat="query in data">
|
|
<td><div style="display:inline-block;border-radius:5px;background:{{query.info.color}};height:10px;width:10px"></div></td> <td style="padding-right:10px;padding-left:10px;">{{query.info.alias}}</td><td>{{query.data[0][1]}}</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<!-- horizontal legend -->
|
|
<div class="small" ng-show="panel.arrangement == 'horizontal'" ng-repeat="query in data" style="float:left;padding-left: 10px;">
|
|
<span><i class="icon-circle" ng-style="{color:query.info.color}"></i> {{query.info.alias}} ({{query.data[0][1]}}) </span>
|
|
</div><br>
|
|
|
|
</div>
|
|
|
|
<div style="clear:both"></div>
|
|
|
|
<div ng-show="panel.chart == 'pie' || panel.chart == 'bar'" hits-chart params="{{panel}}" style="position:relative"></div>
|
|
|
|
<div ng-show="panel.counter_pos == 'below' && (panel.chart == 'bar' || panel.chart == 'pie')" id='{{$id}}-legend'>
|
|
<!-- vertical legend -->
|
|
<table class="small" ng-show="panel.arrangement == 'vertical'">
|
|
<tr ng-repeat="query in data">
|
|
<td><i class="icon-circle" ng-style="{color:query.info.color}"></i></td> <td style="padding-right:10px;padding-left:10px;">{{query.info.alias}}</td><td>{{query.data[0][1]}}</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<!-- horizontal legend -->
|
|
<div class="small" ng-show="panel.arrangement == 'horizontal'" ng-repeat="query in data" style="float:left;padding-left: 10px;">
|
|
<span><i class="icon-circle" ng-style="{color:query.info.color}"></i></span> {{query.info.alias}} ({{query.data[0][1]}}) </span>
|
|
</div><br>
|
|
|
|
</div>
|
|
|
|
<div ng-show="panel.chart == 'total'"><div ng-style="panel.style" style="line-height:{{panel.style['font-size']}}">{{hits}}</div></div>
|
|
|
|
<span ng-show="panel.chart == 'list'">
|
|
<div ng-style="panel.style" style="display:inline-block;line-height:{{panel.style['font-size']}}" ng-repeat="query in data">
|
|
<i class="icon-circle" style="color:{{query.info.color}}"></i> {{query.info.alias}} ({{query.hits}})
|
|
</div>
|
|
</span><br ng-show="panel.arrangement == 'vertical' && panel.chart == 'list'">
|
|
|
|
</kibana-panel> |