mirror of
https://github.com/grafana/grafana.git
synced 2025-02-10 23:55:47 -06:00
* Squash four commits and claim. Credit to @ikkemaniac in #25034, but taking this to sign CLA and get it landed. Four commit message were: - add 'fill' switch on Alert Tab - add 'fill' to Alert init model. Make default value 'true' not to break current design - use newly created alert.fill when rendering graph - add 'line' switch on Alert tab, add 'line' to Alert init model. Set default to 'true' not to break current design. Use newly created alert.line when rendering graph Should close feature req #7258. * Move alert toggle to Display tab. * Move alertThreshold to PanelModel.options. * Fix ThresholdMapper tests by adding options to each mocked panel. * Update documentation for the new display option. * Update docs with review feedback. * Handle onRender with null panel in ThresholdMapper
161 lines
4.5 KiB
HTML
161 lines
4.5 KiB
HTML
<div class="gf-form-group">
|
|
<gf-form-switch
|
|
class="gf-form"
|
|
label="Bars"
|
|
label-class="width-8"
|
|
checked="ctrl.panel.bars"
|
|
on-change="ctrl.render()"
|
|
></gf-form-switch>
|
|
|
|
<gf-form-switch
|
|
class="gf-form"
|
|
label="Lines"
|
|
label-class="width-8"
|
|
checked="ctrl.panel.lines"
|
|
on-change="ctrl.render()"
|
|
></gf-form-switch>
|
|
|
|
<div class="gf-form" ng-if="ctrl.panel.lines">
|
|
<label class="gf-form-label width-8">Line width</label>
|
|
<div class="gf-form-select-wrapper max-width-5">
|
|
<select
|
|
class="gf-form-input"
|
|
ng-model="ctrl.panel.linewidth"
|
|
ng-options="f for f in [0,1,2,3,4,5,6,7,8,9,10]"
|
|
ng-change="ctrl.render()"
|
|
></select>
|
|
</div>
|
|
</div>
|
|
|
|
<gf-form-switch
|
|
ng-disabled="!ctrl.panel.lines"
|
|
class="gf-form"
|
|
label="Staircase"
|
|
label-class="width-8"
|
|
checked="ctrl.panel.steppedLine"
|
|
on-change="ctrl.render()"
|
|
></gf-form-switch>
|
|
|
|
<div class="gf-form" ng-if="ctrl.panel.lines">
|
|
<label class="gf-form-label width-8">Area fill</label>
|
|
<div class="gf-form-select-wrapper max-width-5">
|
|
<select
|
|
class="gf-form-input"
|
|
ng-model="ctrl.panel.fill"
|
|
ng-options="f for f in [0,1,2,3,4,5,6,7,8,9,10]"
|
|
ng-change="ctrl.render()"
|
|
></select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="gf-form" ng-if="ctrl.panel.lines && ctrl.panel.fill">
|
|
<label class="gf-form-label width-8">Fill gradient</label>
|
|
<div class="gf-form-select-wrapper max-width-5">
|
|
<select
|
|
class="gf-form-input"
|
|
ng-model="ctrl.panel.fillGradient"
|
|
ng-options="f for f in [0,1,2,3,4,5,6,7,8,9,10]"
|
|
ng-change="ctrl.render()"
|
|
></select>
|
|
</div>
|
|
</div>
|
|
|
|
<gf-form-switch
|
|
class="gf-form"
|
|
label="Points"
|
|
label-class="width-8"
|
|
checked="ctrl.panel.points"
|
|
on-change="ctrl.render()"
|
|
></gf-form-switch>
|
|
|
|
<div class="gf-form" ng-if="ctrl.panel.points">
|
|
<label class="gf-form-label width-8">Point Radius</label>
|
|
<div class="gf-form-select-wrapper max-width-5">
|
|
<select
|
|
class="gf-form-input"
|
|
ng-model="ctrl.panel.pointradius"
|
|
ng-options="f for f in [0.5,1,2,3,4,5,6,7,8,9,10]"
|
|
ng-change="ctrl.render()"
|
|
></select>
|
|
</div>
|
|
</div>
|
|
|
|
<gf-form-switch
|
|
class="gf-form"
|
|
label="Alert thresholds"
|
|
label-class="width-8"
|
|
checked="ctrl.panel.options.alertThreshold"
|
|
on-change="ctrl.render()"
|
|
></gf-form-switch>
|
|
|
|
</div>
|
|
|
|
<div class="gf-form-group">
|
|
<h5 class="section-heading">Stacking and null value</h5>
|
|
<gf-form-switch
|
|
class="gf-form"
|
|
label="Stack"
|
|
label-class="width-7"
|
|
checked="ctrl.panel.stack"
|
|
on-change="ctrl.render()"
|
|
>
|
|
</gf-form-switch>
|
|
<gf-form-switch
|
|
class="gf-form"
|
|
ng-show="ctrl.panel.stack"
|
|
label="Percent"
|
|
label-class="width-7"
|
|
checked="ctrl.panel.percentage"
|
|
on-change="ctrl.render()"
|
|
>
|
|
</gf-form-switch>
|
|
<div class="gf-form">
|
|
<label class="gf-form-label width-7">Null value</label>
|
|
<div class="gf-form-select-wrapper">
|
|
<select
|
|
class="gf-form-input max-width-9"
|
|
ng-model="ctrl.panel.nullPointMode"
|
|
ng-options="f for f in ['connected', 'null', 'null as zero']"
|
|
ng-change="ctrl.render()"
|
|
></select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="gf-form-group">
|
|
<h5 class="section-heading">Hover tooltip</h5>
|
|
<div class="gf-form">
|
|
<label class="gf-form-label width-9">Mode</label>
|
|
<div class="gf-form-select-wrapper max-width-8">
|
|
<select
|
|
class="gf-form-input"
|
|
ng-model="ctrl.panel.tooltip.shared"
|
|
ng-options="f.value as f.text for f in [{text: 'All series', value: true}, {text: 'Single', value: false}]"
|
|
ng-change="ctrl.render()"
|
|
></select>
|
|
</div>
|
|
</div>
|
|
<div class="gf-form">
|
|
<label class="gf-form-label width-9">Sort order</label>
|
|
<div class="gf-form-select-wrapper max-width-8">
|
|
<select
|
|
class="gf-form-input"
|
|
ng-model="ctrl.panel.tooltip.sort"
|
|
ng-options="f.value as f.text for f in [{text: 'None', value: 0}, {text: 'Increasing', value: 1}, {text: 'Decreasing', value: 2}]"
|
|
ng-change="ctrl.render()"
|
|
></select>
|
|
</div>
|
|
</div>
|
|
<div class="gf-form" ng-show="ctrl.panel.stack">
|
|
<label class="gf-form-label width-9">Stacked value</label>
|
|
<div class="gf-form-select-wrapper max-width-8">
|
|
<select
|
|
class="gf-form-input"
|
|
ng-model="ctrl.panel.tooltip.value_type"
|
|
ng-options="f for f in ['cumulative','individual']"
|
|
ng-change="ctrl.render()"
|
|
></select>
|
|
</div>
|
|
</div>
|
|
</div>
|