diff --git a/public/examples/ts/gauge-car.ts b/public/examples/ts/gauge-car.ts
index 52bbe615..5d1efa7c 100644
--- a/public/examples/ts/gauge-car.ts
+++ b/public/examples/ts/gauge-car.ts
@@ -164,7 +164,7 @@ option = {
         distance: 20,
         length: 15,
         lineStyle: {
-          color: 'auto',
+          color: 'inherit',
           width: 4,
           shadowColor: 'rgba(255, 255, 255, 0.5)',
           shadowBlur: 15,
@@ -175,7 +175,7 @@ option = {
         distance: 20,
         length: 8,
         lineStyle: {
-          color: 'auto',
+          color: 'inherit',
           width: 2,
           shadowColor: 'rgba(255, 255, 255)',
           shadowBlur: 10,
diff --git a/public/examples/ts/gauge-grade.ts b/public/examples/ts/gauge-grade.ts
index 5aec2ec4..eac906bf 100644
--- a/public/examples/ts/gauge-grade.ts
+++ b/public/examples/ts/gauge-grade.ts
@@ -34,20 +34,20 @@ option = {
         width: 20,
         offsetCenter: [0, '-60%'],
         itemStyle: {
-          color: 'auto'
+          color: 'inherit'
         }
       },
       axisTick: {
         length: 12,
         lineStyle: {
-          color: 'auto',
+          color: 'inherit',
           width: 2
         }
       },
       splitLine: {
         length: 20,
         lineStyle: {
-          color: 'auto',
+          color: 'inherit',
           width: 5
         }
       },
@@ -80,7 +80,7 @@ option = {
         formatter: function (value: number) {
           return Math.round(value * 100) + '';
         },
-        color: 'auto'
+        color: 'inherit'
       },
       data: [
         {
diff --git a/public/examples/ts/gauge-multi-title.ts b/public/examples/ts/gauge-multi-title.ts
index f1908ef7..09da9963 100644
--- a/public/examples/ts/gauge-multi-title.ts
+++ b/public/examples/ts/gauge-multi-title.ts
@@ -75,7 +75,7 @@ option = {
         height: 14,
         fontSize: 14,
         color: '#fff',
-        backgroundColor: 'auto',
+        backgroundColor: 'inherit',
         borderRadius: 3,
         formatter: '{value}%'
       }
diff --git a/public/examples/ts/gauge-ring.ts b/public/examples/ts/gauge-ring.ts
index daed3afb..e5332b94 100644
--- a/public/examples/ts/gauge-ring.ts
+++ b/public/examples/ts/gauge-ring.ts
@@ -87,8 +87,8 @@ option = {
         width: 50,
         height: 14,
         fontSize: 14,
-        color: 'auto',
-        borderColor: 'auto',
+        color: 'inherit',
+        borderColor: 'inherit',
         borderRadius: 20,
         borderWidth: 1,
         formatter: '{value}%'
diff --git a/public/examples/ts/gauge-stage.ts b/public/examples/ts/gauge-stage.ts
index cfb7918c..78417bce 100644
--- a/public/examples/ts/gauge-stage.ts
+++ b/public/examples/ts/gauge-stage.ts
@@ -21,7 +21,7 @@ option = {
       },
       pointer: {
         itemStyle: {
-          color: 'auto'
+          color: 'inherit'
         }
       },
       axisTick: {
@@ -41,14 +41,14 @@ option = {
         }
       },
       axisLabel: {
-        color: 'auto',
+        color: 'inherit',
         distance: 40,
         fontSize: 20
       },
       detail: {
         valueAnimation: true,
         formatter: '{value} km/h',
-        color: 'auto'
+        color: 'inherit'
       },
       data: [
         {
diff --git a/public/examples/ts/gauge-temperature.ts b/public/examples/ts/gauge-temperature.ts
index 010a4171..072c85b7 100644
--- a/public/examples/ts/gauge-temperature.ts
+++ b/public/examples/ts/gauge-temperature.ts
@@ -69,7 +69,7 @@ option = {
         fontSize: 60,
         fontWeight: 'bolder',
         formatter: '{value} °C',
-        color: 'auto'
+        color: 'inherit'
       },
       data: [
         {