< div class = "editor-row" >
< div class = "section gf-form-group" ng-repeat = "yaxis in ctrl.panel.yaxes" >
< h5 class = "section-heading" ng-show = "$index === 0" > Left Y< / h5 >
< h5 class = "section-heading" ng-show = "$index === 1" > Right Y< / h5 >
< gf-form-switch class = "gf-form" label = "Show" label-class = "width-6" checked = "yaxis.show" on-change = "ctrl.render()" > < / gf-form-switch >
< div ng-if = "yaxis.show" >
< div class = "gf-form" >
< label class = "gf-form-label width-6" > Unit< / label >
< div
class="gf-form-dropdown-typeahead max-width-20" ng-model="yaxis.format"
dropdown-typeahead2="ctrl.unitFormats" dropdown-typeahead-on-select="ctrl.setUnitFormat(yaxis, $subItem)"
>< / div >
< / div >
< div class = "gf-form" >
< label class = "gf-form-label width-6" > Scale< / label >
< div class = "gf-form-select-wrapper max-width-20" >
< select class = "gf-form-input" ng-model = "yaxis.logBase" ng-options = "v as k for (k, v) in ctrl.logScales" ng-change = "ctrl.render()" > < / select >
< / div >
< / div >
< div class = "gf-form-inline" >
< div class = "gf-form" >
< label class = "gf-form-label width-6" > Y-Min< / label >
< input type = "text" class = "gf-form-input width-5" placeholder = "auto" empty-to-null ng-model = "yaxis.min" ng-change = "ctrl.render()" ng-model-onblur >
< / div >
< div class = "gf-form" >
< label class = "gf-form-label width-6" > Y-Max< / label >
< input type = "text" class = "gf-form-input width-5" placeholder = "auto" empty-to-null ng-model = "yaxis.max" ng-change = "ctrl.render()" ng-model-onblur >
< / div >
< / div >
< div class = "gf-form" >
< label class = "gf-form-label width-6" > Decimals< / label >
< input type = "number" class = "gf-form-input max-width-20" placeholder = "auto" empty-to-null bs-tooltip = "'Override automatic decimal precision for y-axis'" data-placement = "right" ng-model = "yaxis.decimals" ng-change = "ctrl.render()" ng-model-onblur >
< / div >
< div class = "gf-form" >
< label class = "gf-form-label width-6" > Label< / label >
< input type = "text" class = "gf-form-input max-width-20" ng-model = "yaxis.label" ng-change = "ctrl.render()" ng-model-onblur >
< / div >
< / div >
< / div >
< div class = "section gf-form-group" >
< h5 class = "section-heading" > X-Axis< / h5 >
< gf-form-switch class = "gf-form" label = "Show" label-class = "width-6" checked = "ctrl.panel.xaxis.show" on-change = "ctrl.render()" > < / gf-form-switch >
< div class = "gf-form" >
< label class = "gf-form-label width-6" > Mode< / label >
< div class = "gf-form-select-wrapper max-width-15" >
< select class = "gf-form-input" ng-model = "ctrl.panel.xaxis.mode" ng-options = "v as k for (k, v) in ctrl.xAxisModes" ng-change = "ctrl.xAxisModeChanged()" > < / select >
< / div >
< / div >
<!-- Series mode -->
< div class = "gf-form" ng-if = "ctrl.panel.xaxis.mode === 'series'" >
< label class = "gf-form-label width-6" > Value< / label >
< metric-segment-model property = "ctrl.panel.xaxis.values[0]" options = "ctrl.xAxisStatOptions" on-change = "ctrl.xAxisValueChanged()" custom = "false" css-class = "width-10" select-mode = "true" > < / metric-segment-model >
< / div >
<!-- Histogram mode -->
< div class = "gf-form" ng-if = "ctrl.panel.xaxis.mode === 'histogram'" >
< label class = "gf-form-label width-6" > Buckets< / label >
< input type = "number" class = "gf-form-input max-width-8" ng-model = "ctrl.panel.xaxis.buckets" placeholder = "auto" ng-change = "ctrl.render()" ng-model-onblur bs-tooltip = "'Number of buckets'" data-placement = "right" >
< / div >
< / div >
< / div >