IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

progress on translating grafana/flot options to graphite png renderer options

Browse Source
This commit is contained in:
Torkel Ödegaard 2014-01-25 18:57:35 +01:00
parent 82da75bc0c
commit 4d6bb8b6be
2 changed files with 33 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/app/panels/graphite/module.js
View File

@ -320,13 +320,14 @@ function (angular, app, $, _, kbn, moment, timeSeries) {
$scope.receiveGraphiteData = function(results) {
$scope.panelMeta.loading = false;
$scope.legend = [];
if (_.isString(results)) {
$scope.render(results);
return;
}
results = results.data;
$scope.legend = [];
var data = [];
_.each(results, function(targetData) {
@ -481,8 +482,37 @@ function (angular, app, $, _, kbn, moment, timeSeries) {
if (_.isString(data)) {
elem.html('<img src="' + data + '"></img>');
render_panel_as_graphite_png();
return;
}
addAxisLabels();
}
function render_panel_as_graphite_png() {
data += '&width=' + elem.width();
data += '&height=' + elem.css('height').replace('px', '');
data += '&bgcolor=1f1f1f'; // @grayDarker & @kibanaPanelBackground
data += '&fgcolor=BBBFC2'; // @textColor & @grayLighter
data += scope.panel.stack ? '&areaMode=stacked' : ''
data += scope.panel.fill !== 0 ? ('&areaAlpha=' + (scope.panel.fill/10).toFixed(1)) : '';
data += scope.panel.linewidth !== 0 ? '&lineWidth=' + scope.panel.linewidth : '';
data += scope.panel.steppedLine ? '&lineMode=staircase' : '';
switch(scope.panel.nullPointMode) {
case 'connected':
data += '&lineMode=connected';
break;
case 'null':
break; // graphite default lineMode
case 'null as zero':
data += "&drawNullAsZero=true";
break;
}
elem.html('<img src="' + data + '"></img>');
}
function addAxisLabels() {
});

2
src/app/panels/graphite/styleEditor.html
View File

@ -59,7 +59,7 @@
<select class="input-medium" ng-model="panel.nullPointMode" ng-options="f for f in ['connected', 'null', 'null as zero']" ng-change="render()"></select>
</div>
<div class="editor-option">
<label class="small">Stepped lines</label><input type="checkbox" ng-model="panel.steppedLine" ng-checked="panel.steppedLine" ng-change="render()">
<label class="small">Staircase line</label><input type="checkbox" ng-model="panel.steppedLine" ng-checked="panel.steppedLine" ng-change="render()">
</div>
</div>
<div class="section">