<div style="position:relative">
<div class="sortHandle" sort-handle ng-dblclick="ccHelper.toggleChartSize()" style="cursor:pointer;cursor:hand;float:left;width:100%;position:relative">
<div class="gFont gFont15 chartMetricTypeTitle" style="float:left" id="chart_handle_type_{{$index}}">{{ccHelper.getMetricDisplayName(chart.metricType)}}</div>
<div class="sortHandleMessage gFont gFont12" style="white-space:nowrap;float:left;margin-left:1px" id="drag_message_{{$index}}"><span mls="report.drag_modules"></span></div>
</div>
<div style="float:right;position:absolute;right:0;z-index:99">
<div ng-click="ccHelper.toggleChartSize()" ng-class="{rpdMinIcon: ccHelper.isChartMaximized()}" class="gSprite rpdMaxIcon" style="float:right"></div>
<div ng-click="ccHelper.toggleChartType()" ng-class="{rpdGraphIcon: chart.type=='table'}" class="gSprite rpdTableIcon" style="margin-right:5px;float:right"></div>
</div>
<div id="chart_on_drag_type_{{$index}}" class="gFont gFont15" style="position:absolute;z-index:999999;top:171px;left:1px;width:171px;height:15px;padding:2px 70px;text-align:center;background-color:white;display:none;color:black;">{{ccHelper.getMetricDisplayName(chart.metricType)}}</div>
</div>
<div style="clear:both"></div>
<div ng-include src="chart.templateUrl"></div>