energylink/dist/app/panels/histogram/editor.html

<div class="row-fluid"><div class="span2"><label class="small">Mode</label><select ng-change="set_refresh(true)" class="input-small" ng-model="panel.mode" ng-options="f for f in ['count','min','mean','max','total']"></select></div><div class="span2"><label class="small">Time Field</label><input ng-change="set_refresh(true)" placeholder="Start typing" bs-typeahead="fields.list" type="text" class="input-small" ng-model="panel.time_field"></div><div class="span2" ng-show="panel.mode != 'count'"><label class="small">Value Field</label><input ng-change="set_refresh(true)" placeholder="Start typing" bs-typeahead="fields.list" type="text" class="input-small" ng-model="panel.value_field"></div><div class="span3" ng-show="panel.mode != 'count'"><label class="small">Note</label><small>In <strong>{{panel.mode}}</strong> mode the configured field <strong>must</strong> be a numeric type</small></div></div><h5>Chart Settings</h5><div class="row-fluid" style="margin-bottom:10px"><div class="span1"><label class="small">Bars</label><input type="checkbox" ng-model="panel.bars" ng-checked="panel.bars"></div><div class="span1"><label class="small">Lines</label><input type="checkbox" ng-model="panel.lines" ng-checked="panel.lines"></div><div class="span1"><label class="small">Points</label><input type="checkbox" ng-model="panel.points" ng-checked="panel.points"></div><div class="span1"><label class="small">Stack</label><input type="checkbox" ng-model="panel.stack" ng-checked="panel.stack"></div><div class="span1"><label class="small">Legend</label><input type="checkbox" ng-model="panel.legend" ng-checked="panel.legend"></div><div class="span1"><label class="small">xAxis</label><input type="checkbox" ng-model="panel['x-axis']" ng-checked="panel['x-axis']"></div><div class="span1"><label class="small">yAxis</label><input type="checkbox" ng-model="panel['y-axis']" ng-checked="panel['y-axis']"></div><div class="span2" ng-show="panel.lines"><label class="small">Line Fill</label><select class="input-mini" ng-model="panel.fill" ng-options="f for f in [0,1,2,3,4,5,6,7,8,9,10]"></select></div><div class="span2" ng-show="panel.lines"><label class="small">Line Width</label><select class="input-mini" ng-model="panel.linewidth" ng-options="f for f in [0,1,2,3,4,5,6,7,8,9,10]"></select></div></div><div class="row-fluid"><div class="span2"><label class="small">Time correction</label><select ng-model="panel.timezone" class="input-small" ng-options="f for f in ['browser','utc']"></select></div><div class="span1"><label class="small">Selectable</label><input type="checkbox" ng-model="panel.interactive" ng-checked="panel.interactive"></div><div class="span2"><label class="small">Zoom Links</label><input type="checkbox" ng-model="panel.zoomlinks" ng-checked="panel.zoomlinks"></div><div class="span2"><label class="small">Auto-interval</label><input type="checkbox" ng-model="panel.auto_int" ng-checked="panel.auto_int"></div><div class="span2" ng-show="panel.auto_int"><label class="small">Resolution</label><input type="number" class="input-mini" ng-model="panel.resolution" ng-change="set_refresh(true)"></div><div class="span3" ng-show="panel.auto_int"><label class="small">Shoot for this many data points, rounding to sane intervals</label></div><div class="span2" ng-hide="panel.auto_int"><label class="small">Interval</label><input type="text" class="input-mini" ng-model="panel.interval" ng-change="set_refresh(true)"></div><div class="span3" ng-hide="panel.auto_int"><label class="small">Use Elasticsearch date math format (eg 1m, 5m, 1d, 2w, 1y)</label></div></div><h5>Tooltip Settings</h5><div class="row-fluid" style="margin-bottom:10px"><div class="span3"><label class="small">Stacked Values<tip>How should the values in stacked charts to be calculated?</tip></label><select class="input-medium" ng-model="panel.tooltip.value_type" ng-options="f for f in ['cumulative','individual']"></select></div><div class="span3"><label class="small">Display Query<tip>If an alias is set, it will be shown in the tooltip. If not, should it show the query?</tip></label><input type="checkbox" ng-model="panel.tooltip.query_as_alias"></div></div>