Преглед изворни кода

Fixes #42 : Auto Y scale is working as it should (even when using line fill)

Torkel Ödegaard пре 12 година
родитељ
комит
adb97a0f3e
2 измењених фајлова са 23 додато и 22 уклоњено
  1. 21 20
      src/app/directives/grafanaGraph.js
  2. 2 2
      src/app/panels/graphite/axisEditor.html

+ 21 - 20
src/app/directives/grafanaGraph.js

@@ -87,8 +87,8 @@ function (angular, $, kbn, moment, _) {
               stack: scope.panel.percentage ? null : stack,
               stack: scope.panel.percentage ? null : stack,
               lines:  {
               lines:  {
                 show: scope.panel.lines,
                 show: scope.panel.lines,
-                // Silly, but fixes bug in stacked percentages
-                fill: scope.panel.fill === 0 ? 0.001 : scope.panel.fill/10,
+                zero: false,
+                fill: scope.panel.fill === 0 ? false : scope.panel.fill/10,
                 lineWidth: scope.panel.linewidth,
                 lineWidth: scope.panel.linewidth,
                 steps: scope.panel.steppedLine
                 steps: scope.panel.steppedLine
               },
               },
@@ -186,25 +186,26 @@ function (angular, $, kbn, moment, _) {
           elem.html('<img src="' + url + '"></img>');
           elem.html('<img src="' + url + '"></img>');
         }
         }
 
 
-
         function addAnnotations(options) {
         function addAnnotations(options) {
-          if(scope.panel.annotate.enable) {
-            options.events = {
-              levels: 1,
-              data: scope.annotations,
-              types: {
-                'annotation': {
-                  level: 1,
-                  icon: {
-                    icon: "icon-tag icon-flip-vertical",
-                    size: 20,
-                    color: "#222",
-                    outline: "#bbb"
-                  }
+          if(!scope.panel.annotate.enable) {
+            return;
+          }
+
+          options.events = {
+            levels: 1,
+            data: scope.annotations,
+            types: {
+              'annotation': {
+                level: 1,
+                icon: {
+                  icon: "icon-tag icon-flip-vertical",
+                  size: 20,
+                  color: "#222",
+                  outline: "#bbb"
                 }
                 }
               }
               }
-            };
-          }
+            }
+          };
         }
         }
 
 
         function addAxisLabels() {
         function addAxisLabels() {
@@ -224,8 +225,8 @@ function (angular, $, kbn, moment, _) {
           var defaults = {
           var defaults = {
             position: 'left',
             position: 'left',
             show: scope.panel['y-axis'],
             show: scope.panel['y-axis'],
-            min: scope.panel.grid.min,
-            max: scope.panel.percentage && scope.panel.stack ? 100 : scope.panel.grid.max,
+            min: null,
+            max: null,
           };
           };
 
 
           options.yaxes.push(defaults);
           options.yaxes.push(defaults);

+ 2 - 2
src/app/panels/graphite/axisEditor.html

@@ -10,11 +10,11 @@
     </div>
     </div>
     <div class="editor-option">
     <div class="editor-option">
       <label class="small">Left Y Format <tip>Y-axis formatting</tip></label>
       <label class="small">Left Y Format <tip>Y-axis formatting</tip></label>
-      <select class="input-small" ng-model="panel.y_formats[1]" ng-options="f for f in ['none','short','bytes', 'ms']" ng-change="render()"></select>
+      <select class="input-small" ng-model="panel.y_formats[0]" ng-options="f for f in ['none','short','bytes', 'ms']" ng-change="render()"></select>
     </div>
     </div>
     <div class="editor-option">
     <div class="editor-option">
       <label class="small">Right Y Format <tip>Y-axis formatting</tip></label>
       <label class="small">Right Y Format <tip>Y-axis formatting</tip></label>
-      <select class="input-small" ng-model="panel.y_formats[2]" ng-options="f for f in ['none','short','bytes', 'ms']" ng-change="render()"></select>
+      <select class="input-small" ng-model="panel.y_formats[1]" ng-options="f for f in ['none','short','bytes', 'ms']" ng-change="render()"></select>
     </div>
     </div>
 
 
     <div class="editor-option">
     <div class="editor-option">