tab_legend.html 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. <div class="editor-row">
  2. <div class="section gf-form-group">
  3. <h5 class="section-heading">Options</h5>
  4. <gf-form-switch
  5. class="gf-form"
  6. label="Show"
  7. label-class="width-7"
  8. checked="ctrl.panel.legend.show"
  9. on-change="ctrl.render()"
  10. aria-label="gpl show legend"
  11. >
  12. </gf-form-switch>
  13. <gf-form-switch
  14. class="gf-form"
  15. label="As Table"
  16. label-class="width-7"
  17. checked="ctrl.panel.legend.alignAsTable"
  18. on-change="ctrl.render()"
  19. >
  20. </gf-form-switch>
  21. <gf-form-switch
  22. class="gf-form"
  23. label="To the right"
  24. label-class="width-7"
  25. checked="ctrl.panel.legend.rightSide"
  26. on-change="ctrl.render()"
  27. >
  28. </gf-form-switch>
  29. <div ng-if="ctrl.panel.legend.rightSide" class="gf-form">
  30. <label class="gf-form-label width-7">Width</label>
  31. <input
  32. type="number"
  33. class="gf-form-input max-width-5"
  34. placeholder="250"
  35. bs-tooltip="'Set a min-width for the legend side table/block'"
  36. data-placement="right"
  37. ng-model="ctrl.panel.legend.sideWidth"
  38. ng-change="ctrl.render()"
  39. ng-model-onblur
  40. />
  41. </div>
  42. </div>
  43. <div class="section gf-form-group">
  44. <h5 class="section-heading">Values</h5>
  45. <div class="gf-form-inline">
  46. <gf-form-switch
  47. class="gf-form"
  48. label="Min"
  49. label-class="width-7"
  50. checked="ctrl.panel.legend.min"
  51. on-change="ctrl.legendValuesOptionChanged()"
  52. >
  53. </gf-form-switch>
  54. <gf-form-switch
  55. class="gf-form max-width-12"
  56. label="Max"
  57. label-class="width-7"
  58. switch-class="max-width-5"
  59. checked="ctrl.panel.legend.max"
  60. on-change="ctrl.legendValuesOptionChanged()"
  61. >
  62. </gf-form-switch>
  63. </div>
  64. <div class="gf-form-inline">
  65. <gf-form-switch
  66. class="gf-form"
  67. label="Avg"
  68. label-class="width-7"
  69. checked="ctrl.panel.legend.avg"
  70. on-change="ctrl.legendValuesOptionChanged()"
  71. >
  72. </gf-form-switch>
  73. <gf-form-switch
  74. class="gf-form max-width-12"
  75. label="Current"
  76. label-class="width-7"
  77. switch-class="max-width-5"
  78. checked="ctrl.panel.legend.current"
  79. on-change="ctrl.legendValuesOptionChanged()"
  80. >
  81. </gf-form-switch>
  82. </div>
  83. <div class="gf-form-inline">
  84. <gf-form-switch
  85. class="gf-form"
  86. label="Total"
  87. label-class="width-7"
  88. checked="ctrl.panel.legend.total"
  89. on-change="ctrl.legendValuesOptionChanged()"
  90. >
  91. </gf-form-switch>
  92. <div class="gf-form">
  93. <label class="gf-form-label width-7">Decimals</label>
  94. <input
  95. type="number"
  96. class="gf-form-input width-5"
  97. placeholder="auto"
  98. bs-tooltip="'Override automatic decimal precision for legend and tooltips'"
  99. data-placement="right"
  100. ng-model="ctrl.panel.decimals"
  101. ng-change="ctrl.render()"
  102. ng-model-onblur
  103. />
  104. </div>
  105. </div>
  106. </div>
  107. <div class="section gf-form-group">
  108. <h5 class="section-heading">Hide series</h5>
  109. <gf-form-switch
  110. class="gf-form"
  111. label="With only nulls"
  112. label-class="width-7"
  113. checked="ctrl.panel.legend.hideEmpty"
  114. on-change="ctrl.render()"
  115. >
  116. </gf-form-switch>
  117. <gf-form-switch
  118. class="gf-form"
  119. label="With only zeros"
  120. label-class="width-7"
  121. checked="ctrl.panel.legend.hideZero"
  122. on-change="ctrl.render()"
  123. >
  124. </gf-form-switch>
  125. </div>
  126. </div>