| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- <span ng-show="panel.legend.show"
- ng-class="{'pull-right': series.yaxis === 2, 'hidden-series': hiddenSeries[series.alias]}"
- ng-repeat='series in legend'
- class="histogram-legend">
- <i class='icon-minus pointer'
- ng-style="{color: series.color}"
- bs-popover="'colorPopup.html'"
- >
- </i>
- <span class='small histogram-legend-item'>
- <a ng-click="toggleSeries(series, $event)" data-unique="1" data-placement="{{series.yaxis === 2 ? 'bottomRight' : 'bottomLeft'}}">
- {{series.alias}}
- </a>
- <span ng-if="panel.legend.values">
- <span ng-show="panel.legend.current">
- Current: {{series.current}}
- </span>
- <span ng-show="panel.legend.min">
- Min: {{series.min}}
- </span>
- <span ng-show="panel.legend.max">
- Max: {{series.max}}
- </span>
- <span ng-show="panel.legend.total">
- Total: {{series.total}}
- </span>
- <span ng-show="panel.legend.avg">
- Avg: {{series.avg}}
- </span>
- </span>
- </span>
- </span>
- <script type="text/ng-template" id="colorPopup.html">
- <div class="histogram-legend-popover">
- <a class="close" ng-click="dismiss();" href="">×</a>
- <div class="editor-row small" style="padding-bottom: 0;">
- <label>Axis:</label>
- <button ng-click="toggleYAxis(series)"
- class="btn btn-mini"
- ng-class="{'btn-success': series.yaxis === 1 }">
- Left
- </button>
- <button ng-click="toggleYAxis(series)"
- class="btn btn-mini"
- ng-class="{'btn-success': series.yaxis === 2 }">
- Right
- </button>
- </div>
- <div class="editor-row">
- <i ng-repeat="color in colors"
- class="pointer"
- ng-class="{'icon-circle-blank': color === series.color,'icon-circle': color !== series.color}"
- ng-style="{color:color}"
- ng-click="changeSeriesColor(series, color);dismiss();">
- </i>
- </div>
- </div>
- </script>
|