mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
245 lines
8.4 KiB
HTML
245 lines
8.4 KiB
HTML
|
|
<div class="editor-row">
|
|
<div class="section" style="margin-bottom: 20px">
|
|
<div class="tight-form">
|
|
<ul class="tight-form-list">
|
|
<li class="tight-form-item" style="width: 80px">
|
|
<strong>Left Y</strong>
|
|
</li>
|
|
<li class="tight-form-item">
|
|
Unit
|
|
</li>
|
|
<li class="dropdown" style="width: 140px;"
|
|
ng-model="panel.y_formats[0]"
|
|
dropdown-typeahead="unitFormats"
|
|
dropdown-typeahead-on-select="setUnitFormat(0, $subItem)">
|
|
</li>
|
|
<li class="tight-form-item">
|
|
Grid Max
|
|
</li>
|
|
<li>
|
|
<input type="number" class="input-small tight-form-input" placeholder="auto"
|
|
empty-to-null ng-model="panel.grid.leftMax"
|
|
ng-change="render()" ng-model-onblur>
|
|
</li>
|
|
<li class="tight-form-item">
|
|
Min
|
|
</li>
|
|
<li>
|
|
<input type="number" class="input-small tight-form-input" placeholder="auto"
|
|
empty-to-null ng-model="panel.grid.leftMin"
|
|
ng-change="render()" ng-model-onblur>
|
|
</li>
|
|
<li class="tight-form-item">
|
|
Scale type
|
|
</li>
|
|
<li>
|
|
<select class="input-small tight-form-input" style="width: 113px" ng-model="panel.grid.leftLogBase" ng-options="v as k for (k, v) in logScales" ng-change="render()"></select>
|
|
</li>
|
|
<li class="tight-form-item">
|
|
Label
|
|
</li>
|
|
<li>
|
|
<input type="text" class="input-small tight-form-input last"
|
|
ng-model="panel.leftYAxisLabel" ng-change="render()" ng-model-onblur>
|
|
</li>
|
|
</ul>
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
<div class="tight-form">
|
|
<ul class="tight-form-list">
|
|
<li class="tight-form-item" style="width: 80px">
|
|
<strong>Right Y</strong>
|
|
</li>
|
|
<li class="tight-form-item">
|
|
Unit
|
|
</li>
|
|
<li class="dropdown" style="width: 140px"
|
|
ng-model="panel.y_formats[1]"
|
|
dropdown-typeahead="unitFormats"
|
|
dropdown-typeahead-on-select="setUnitFormat(1, $subItem)">
|
|
</li>
|
|
<li class="tight-form-item">
|
|
Grid Max
|
|
</li>
|
|
<li>
|
|
<input type="number" class="input-small tight-form-input" placeholder="auto"
|
|
empty-to-null ng-model="panel.grid.rightMax"
|
|
ng-change="render()" ng-model-onblur>
|
|
</li>
|
|
<li class="tight-form-item">
|
|
Min
|
|
</li>
|
|
<li>
|
|
<input type="number" class="input-small tight-form-input" placeholder="auto"
|
|
empty-to-null ng-model="panel.grid.rightMin"
|
|
ng-change="render()" ng-model-onblur>
|
|
</li>
|
|
<li class="tight-form-item">
|
|
Scale type
|
|
</li>
|
|
<li>
|
|
<select class="input-small tight-form-input" style="width: 113px" ng-model="panel.grid.rightLogBase" ng-options="v as k for (k, v) in logScales" ng-change="render()"></select>
|
|
</li>
|
|
<li class="tight-form-item">
|
|
Label
|
|
</li>
|
|
<li>
|
|
<input type="text" class="input-small tight-form-input last"
|
|
ng-model="panel.rightYAxisLabel" ng-change="render()" ng-model-onblur>
|
|
</li>
|
|
</ul>
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="section" style="margin-bottom: 20px">
|
|
<div class="tight-form">
|
|
<ul class="tight-form-list">
|
|
<li class="tight-form-item" style="width: 80px">
|
|
<strong>Show Axis</strong>
|
|
</li>
|
|
<li class="tight-form-item">
|
|
X-Axis
|
|
<input class="cr1" id="hideXAxis" type="checkbox"
|
|
ng-model="panel['x-axis']" ng-checked="panel['x-axis']" ng-change="render()">
|
|
<label for="hideXAxis" class="cr1"></label>
|
|
</li>
|
|
<li class="tight-form-item last">
|
|
Y-Axis
|
|
<input class="cr1" id="hideYAxis" type="checkbox"
|
|
ng-model="panel['y-axis']" ng-checked="panel['y-axis']" ng-change="render()">
|
|
<label for="hideYAxis" class="cr1"></label>
|
|
</li>
|
|
</ul>
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
<div class="tight-form">
|
|
<ul class="tight-form-list">
|
|
<li class="tight-form-item" style="width: 80px">
|
|
<strong>Thresholds</strong>
|
|
</li>
|
|
<li class="tight-form-item">
|
|
Level 1
|
|
</li>
|
|
<li>
|
|
<input type="number" class="input-small tight-form-input"
|
|
ng-model="panel.grid.threshold1" ng-change="render()" ng-model-onblur>
|
|
</li>
|
|
<li class="tight-form-item">
|
|
<spectrum-picker ng-model="panel.grid.threshold1Color" ng-change="render()" ></spectrum-picker>
|
|
</li>
|
|
<li class="tight-form-item">
|
|
Level 2
|
|
</li>
|
|
<li>
|
|
<input type="number" class="input-small tight-form-input"
|
|
ng-model="panel.grid.threshold2" ng-change="render()" ng-model-onblur>
|
|
</li>
|
|
<li class="tight-form-item">
|
|
<spectrum-picker ng-model="panel.grid.threshold2Color" ng-change="render()" ></spectrum-picker>
|
|
</li>
|
|
<li class="tight-form-item last">
|
|
Line mode
|
|
<input class="cr1" id="panel.grid.thresholdLine" type="checkbox"
|
|
ng-model="panel.grid.thresholdLine" ng-checked="panel.grid.thresholdLine" ng-change="render()">
|
|
<label for="panel.grid.thresholdLine" class="cr1"></label>
|
|
|
|
</li>
|
|
</ul>
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="editor-row">
|
|
<div class="section">
|
|
<div class="tight-form last">
|
|
<ul class="tight-form-list">
|
|
<li class="tight-form-item" style="width: 110px">
|
|
<strong>Legend</strong>
|
|
</li>
|
|
<li class="tight-form-item">
|
|
Show
|
|
<input class="cr1" id="panel.legend.show" type="checkbox"
|
|
ng-model="panel.legend.show" ng-checked="panel.legend.show" ng-change="get_data()">
|
|
<label for="panel.legend.show" class="cr1"></label>
|
|
</li>
|
|
<li class="tight-form-item">
|
|
Table
|
|
<input class="cr1" id="panel.legend.alignAsTable" type="checkbox"
|
|
ng-model="panel.legend.alignAsTable" ng-checked="panel.legend.alignAsTable" ng-change="render()">
|
|
<label for="panel.legend.alignAsTable" class="cr1"></label>
|
|
</li>
|
|
<li class="tight-form-item">
|
|
Right side
|
|
<input class="cr1" id="panel.legend.rightSide" type="checkbox"
|
|
ng-model="panel.legend.rightSide" ng-checked="panel.legend.rightSide" ng-change="render()">
|
|
<label for="panel.legend.rightSide" class="cr1"></label>
|
|
</li>
|
|
<li class="tight-form-item last">
|
|
<span bs-tooltip="'Hides series with only null values'">Hide empty <span>
|
|
<input class="cr1" id="panel.legend.hideEmpty" type="checkbox"
|
|
ng-model="panel.legend.hideEmpty" ng-checked="panel.legend.hideEmpty" ng-change="render()">
|
|
<label for="panel.legend.hideEmpty" class="cr1"></label>
|
|
</li>
|
|
</ul>
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
</div>
|
|
<div class="section">
|
|
<div class="tight-form">
|
|
<ul class="tight-form-list">
|
|
<li class="tight-form-item" style="width: 105px">
|
|
<strong>Legend values</strong>
|
|
</li>
|
|
<li class="tight-form-item">
|
|
Min
|
|
<input class="cr1" id="panel.legend.min" type="checkbox"
|
|
ng-model="panel.legend.min" ng-checked="panel.legend.min" ng-change="legendValuesOptionChanged()">
|
|
<label for="panel.legend.min" class="cr1"></label>
|
|
</li>
|
|
<li class="tight-form-item">
|
|
Max
|
|
<input class="cr1" id="panel.legend.max" type="checkbox"
|
|
ng-model="panel.legend.max" ng-checked="panel.legend.max" ng-change="legendValuesOptionChanged()">
|
|
<label for="panel.legend.max" class="cr1"></label>
|
|
</li>
|
|
<li class="tight-form-item">
|
|
Avg
|
|
<input class="cr1" id="panel.legend.avg" type="checkbox"
|
|
ng-model="panel.legend.avg" ng-checked="panel.legend.avg" ng-change="legendValuesOptionChanged()">
|
|
<label for="panel.legend.avg" class="cr1"></label>
|
|
</li>
|
|
<li class="tight-form-item">
|
|
Current
|
|
<input class="cr1" id="panel.legend.current" type="checkbox"
|
|
ng-model="panel.legend.current" ng-checked="panel.legend.current" ng-change="legendValuesOptionChanged()">
|
|
<label for="panel.legend.current" class="cr1"></label>
|
|
</li>
|
|
<li class="tight-form-item last">
|
|
Total
|
|
<input class="cr1" id="panel.legend.total" type="checkbox"
|
|
ng-model="panel.legend.total" ng-checked="panel.legend.total" ng-change="legendValuesOptionChanged()">
|
|
<label for="panel.legend.total" class="cr1"></label>
|
|
</li>
|
|
</ul>
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
<div class="tight-form last">
|
|
<ul class="tight-form-list">
|
|
<li class="tight-form-item" style="width: 105px">
|
|
<strong>Decimals</strong>
|
|
</li>
|
|
<li style="width: 105px">
|
|
<input type="number" class="input-small tight-form-input" placeholder="auto" bs-tooltip="'Override automatic decimal precision for legend and tooltips'" data-placement="right"
|
|
ng-model="panel.decimals" ng-change="render()" ng-model-onblur>
|
|
</li>
|
|
</ul>
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|