fix(graph): fixed legend color when having many many series, fixes #2359

public/app/features/templating/templateValuesSrv.js

@@ -230,17 +230,17 @@ function (angular, _, kbn) {
     this.addAllOption = function(variable) {
     this.addAllOption = function(variable) {
       var allValue = '';
       var allValue = '';
       switch(variable.allFormat) {
       switch(variable.allFormat) {
-        case 'wildcard':
-          allValue = '*';
+      case 'wildcard':
+        allValue = '*';
         break;
         break;
-        case 'regex wildcard':
-          allValue = '.*';
+      case 'regex wildcard':
+        allValue = '.*';
         break;
         break;
-        case 'regex values':
-          allValue = '(' + _.pluck(variable.options, 'text').join('|') + ')';
+      case 'regex values':
+        allValue = '(' + _.pluck(variable.options, 'text').join('|') + ')';
         break;
         break;
-        default:
-          allValue = '{';
+      default:
+        allValue = '{';
         allValue += _.pluck(variable.options, 'text').join(',');
         allValue += _.pluck(variable.options, 'text').join(',');
         allValue += '}';
         allValue += '}';
       }
       }

public/app/panels/graph/module.js

@@ -175,7 +175,8 @@ function (angular, app, $, _, kbn, moment, TimeSeries, PanelMeta) {
     $scope.seriesHandler = function(seriesData, index) {
     $scope.seriesHandler = function(seriesData, index) {
       var datapoints = seriesData.datapoints;
       var datapoints = seriesData.datapoints;
       var alias = seriesData.target;
       var alias = seriesData.target;
-      var color = $scope.panel.aliasColors[alias] || $rootScope.colors[index];
+      var colorIndex = index % $rootScope.colors.length;
+      var color = $scope.panel.aliasColors[alias] || $rootScope.colors[colorIndex];
 
 
       var series = new TimeSeries({
       var series = new TimeSeries({
         datapoints: datapoints,
         datapoints: datapoints,