| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869 |
- <div class="editor-row">
- <div class="section">
- <h5>Big values</h5>
- <div class="editor-option">
- <label class="small">Template</label>
- <input type="text" class="input-xlarge" ng-model="panel.template" ng-blur="render()"></input>
- </div>
- </div>
- <div class="section">
- <h5>Formats</h5>
- <div class="editor-option">
- <label class="small">Unit format</label>
- <select class="input-small" ng-model="panel.format" ng-options="f for f in ['none','short','bytes', 'bits', 'bps', 's', 'ms', 'µs', 'ns', 'percent']" ng-change="render()"></select>
- </div>
- </div>
- <div class="section">
- <h5>Coloring</h5>
- <editor-opt-bool text="Background" model="panel.colorBackground" change="setColoring({background: true})"></editor-opt-bool>
- <editor-opt-bool text="Value" model="panel.colorValue" change="setColoring({value: true})"></editor-opt-bool>
- <div class="editor-option">
- <label class="small">Thresholds</label>
- <input type="text" class="input-large" ng-model="panel.thresholds" ng-blur="render()"></input>
- </div>
- <div class="editor-option">
- <label class="small">Color</label>
- <spectrum-picker ng-model="panel.colors[0]" ng-change="render()" ></spectrum-picker>
- <spectrum-picker ng-model="panel.colors[1]" ng-change="render()" ></spectrum-picker>
- <spectrum-picker ng-model="panel.colors[2]" ng-change="render()" ></spectrum-picker>
- <a class="pointer" ng-click="invertColorOrder()">invert order</a>
- </div>
- </div>
- </div>
- <div class="editor-row">
- <div class="section">
- <h5>Spark lines</h5>
- </div>
- <editor-opt-bool text="Spark line" model="panel.sparkline.show" change="render()"></editor-opt-bool>
- <editor-opt-bool text="Background mode" model="panel.sparkline.full" change="render()"></editor-opt-bool>
- <div class="editor-option">
- <label class="small">Line color</label>
- <spectrum-picker ng-model="panel.sparkline.lineColor" ng-change="render()" ></spectrum-picker>
- <spectrum-picker ng-model="panel.sparkline.fillColor" ng-change="render()" ></spectrum-picker>
- </div>
- </div>
- <div class="editor-row">
- <div class="section">
- <h5>Series options</h5>
- <div class="grafana-target" ng-repeat="series in data.series">
- <div class="grafana-target-inner">
- <ul class="grafana-segment-list">
- <li class="grafana-target-segment">
- <i class="icon-eye-open" ng-click="hideSeries(series)"></i>
- </li>
- <li class="grafana-target-segment">
- {{series.info.alias}}
- </li>
- <li class="grafana-target-segment">
- </li>
- </ul>
- <div class="clearfix"></div>
- </div>
- </div>
- </div>
- </div>
|