tab_legend.html 2.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. <div class="editor-row">
  2. <div class="section gf-form-group">
  3. <h5 class="section-heading">Options</h5>
  4. <gf-form-switch class="gf-form"
  5. label="Show" label-class="width-7"
  6. checked="ctrl.panel.legend.show" on-change="ctrl.render()">
  7. </gf-form-switch>
  8. <gf-form-switch class="gf-form"
  9. label="As Table" label-class="width-7"
  10. checked="ctrl.panel.legend.alignAsTable" on-change="ctrl.render()">
  11. </gf-form-switch>
  12. <gf-form-switch class="gf-form"
  13. label="To the right" label-class="width-7"
  14. checked="ctrl.panel.legend.rightSide" on-change="ctrl.render()">
  15. </gf-form-switch>
  16. <div ng-if="ctrl.panel.legend.rightSide" class="gf-form">
  17. <label class="gf-form-label width-7">Width</label>
  18. <input type="number" class="gf-form-input max-width-5" placeholder="250" bs-tooltip="'Set a min-width for the legend side table/block'" data-placement="right" ng-model="ctrl.panel.legend.sideWidth" ng-change="ctrl.render()" ng-model-onblur>
  19. </div>
  20. </div>
  21. <div class="section gf-form-group">
  22. <h5 class="section-heading">Values</h5>
  23. <div class="gf-form-inline">
  24. <gf-form-switch class="gf-form"
  25. label="Min" label-class="width-4"
  26. checked="ctrl.panel.legend.min" on-change="ctrl.legendValuesOptionChanged()">
  27. </gf-form-switch>
  28. <gf-form-switch class="gf-form max-width-12"
  29. label="Max" label-class="width-6" switch-class="max-width-5"
  30. checked="ctrl.panel.legend.max" on-change="ctrl.legendValuesOptionChanged()">
  31. </gf-form-switch>
  32. </div>
  33. <div class="gf-form-inline">
  34. <gf-form-switch class="gf-form"
  35. label="Avg" label-class="width-4"
  36. checked="ctrl.panel.legend.avg" on-change="ctrl.legendValuesOptionChanged()">
  37. </gf-form-switch>
  38. <gf-form-switch class="gf-form max-width-12"
  39. label="Current" label-class="width-6" switch-class="max-width-5"
  40. checked="ctrl.panel.legend.current" on-change="ctrl.legendValuesOptionChanged()">
  41. </gf-form-switch>
  42. </div>
  43. <div class="gf-form-inline">
  44. <gf-form-switch class="gf-form"
  45. label="Total" label-class="width-4"
  46. checked="ctrl.panel.legend.total" on-change="ctrl.legendValuesOptionChanged()">
  47. </gf-form-switch>
  48. <div class="gf-form">
  49. <label class="gf-form-label width-6">Decimals</label>
  50. <input type="number" class="gf-form-input width-5" placeholder="auto" bs-tooltip="'Override automatic decimal precision for legend and tooltips'" data-placement="right" ng-model="ctrl.panel.decimals" ng-change="ctrl.render()" ng-model-onblur>
  51. </div>
  52. </div>
  53. </div>
  54. <div class="section gf-form-group">
  55. <h5 class="section-heading">Hide series</h5>
  56. <gf-form-switch class="gf-form"
  57. label="With only nulls" label-class="width-10"
  58. checked="ctrl.panel.legend.hideEmpty" on-change="ctrl.render()">
  59. </gf-form-switch>
  60. <gf-form-switch class="gf-form"
  61. label="With only zeros" label-class="width-10"
  62. checked="ctrl.panel.legend.hideZero" on-change="ctrl.render()">
  63. </gf-form-switch>
  64. </div>
  65. </div>