legend.html 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <span ng-show="panel.legend.show"
  2. ng-class="{'pull-right': series.yaxis === 2, 'hidden-series': hiddenSeries[series.alias]}"
  3. ng-repeat='series in legend'
  4. class="histogram-legend">
  5. <i class='icon-minus pointer'
  6. ng-style="{color: series.color}"
  7. bs-popover="'colorPopup.html'"
  8. >
  9. </i>
  10. <span class='small histogram-legend-item'>
  11. <a ng-click="toggleSeries(series, $event)" data-unique="1" data-placement="{{series.yaxis === 2 ? 'bottomRight' : 'bottomLeft'}}">
  12. {{series.alias}}
  13. </a>
  14. <span ng-if="panel.legend.values">
  15. <span ng-show="panel.legend.current">
  16. &nbsp;&nbsp;Current: {{series.current}}&nbsp;
  17. </span>
  18. <span ng-show="panel.legend.min">
  19. &nbsp;&nbsp;Min: {{series.min}}&nbsp;
  20. </span>
  21. <span ng-show="panel.legend.max">
  22. &nbsp;&nbsp;Max: {{series.max}}&nbsp;
  23. </span>
  24. <span ng-show="panel.legend.total">
  25. &nbsp;&nbsp;Total: {{series.total}}&nbsp;
  26. </span>
  27. <span ng-show="panel.legend.avg">
  28. &nbsp;&nbsp;Avg: {{series.avg}}&nbsp;
  29. </span>
  30. </span>
  31. </span>
  32. </span>
  33. <script type="text/ng-template" id="colorPopup.html">
  34. <div class="histogram-legend-popover">
  35. <a class="close" ng-click="dismiss();" href="">×</a>
  36. <div class="editor-row small" style="padding-bottom: 0;">
  37. <label>Axis:</label>
  38. <button ng-click="toggleYAxis(series)"
  39. class="btn btn-mini"
  40. ng-class="{'btn-success': series.yaxis === 1 }">
  41. Left
  42. </button>
  43. <button ng-click="toggleYAxis(series)"
  44. class="btn btn-mini"
  45. ng-class="{'btn-success': series.yaxis === 2 }">
  46. Right
  47. </button>
  48. </div>
  49. <div class="editor-row">
  50. <i ng-repeat="color in colors"
  51. class="pointer"
  52. ng-class="{'icon-circle-blank': color === series.color,'icon-circle': color !== series.color}"
  53. ng-style="{color:color}"
  54. ng-click="changeSeriesColor(series, color);dismiss();">
  55. </i>
  56. </div>
  57. </div>
  58. </script>