From a83f328092cd6fa47fd04f7c1c40de98aa3b81ad Mon Sep 17 00:00:00 2001
From: ArtemDzhereleiko <dgerik2015@gmail.com>
Date: Thu, 23 Sep 2021 18:15:29 +0300
Subject: [PATCH] Add default color for correct work gradient

---
 .../home/components/widget/lib/canvas-digital-gauge.ts      | 2 +-
 .../app/modules/home/components/widget/lib/digital-gauge.ts | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/canvas-digital-gauge.ts b/ui-ngx/src/app/modules/home/components/widget/lib/canvas-digital-gauge.ts
index 6d1a1f8b8a..ff896ecaed 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/canvas-digital-gauge.ts
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/canvas-digital-gauge.ts
@@ -276,7 +276,6 @@ export class CanvasDigitalGauge extends BaseGauge {
         }
       }
     }
-
     options.ticksValue = [];
     for (const tick of options.ticks) {
       if (tick !== null) {
@@ -836,6 +835,7 @@ function getProgressColor(progress: number, colorsRange: DigitalGaugeColorRange[
       return color.toRgbString();
     }
   }
+  return colorsRange[colorsRange.length - 1].rgbString;
 }
 
 function drawArcGlow(context: DigitalGaugeCanvasRenderingContext2D,
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/digital-gauge.ts b/ui-ngx/src/app/modules/home/components/widget/lib/digital-gauge.ts
index 8791cd4e93..e82eb7ab29 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/digital-gauge.ts
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/digital-gauge.ts
@@ -266,7 +266,6 @@ export class TbCanvasDigitalGauge {
 
   init() {
     let updateSetting = false;
-
     if (this.localSettings.useFixedLevelColor && this.localSettings.fixedLevelColors?.length > 0) {
       this.localSettings.levelColors = this.settingLevelColorsSubscribe(this.localSettings.fixedLevelColors);
       updateSetting = true;
@@ -285,6 +284,11 @@ export class TbCanvasDigitalGauge {
     let levelColorsDatasource: Datasource[] = [];
     const predefineLevelColors: ColorLevelSetting[] = [];
 
+    predefineLevelColors.push({
+      value: -Infinity,
+      color: this.ctx.data[0].dataKey.color
+    });
+
     function setLevelColor(levelSetting: AttributeSourceProperty, color: string) {
       if (levelSetting.valueSource === 'predefinedValue' && isFinite(levelSetting.value)) {
         predefineLevelColors.push({