feat: 渐变色调整

Author: wangxingkang

docs/custom/demo/DoubleOverlapArea/basic.tsx

@@ -8,8 +8,8 @@ function Example() {
     },
     height: 400,
     data: [
-      { values: [{ date: 0, value: 11635 }, { date: 1, value: 8730 }, { date: 2, value: 6931 }] },
-      { values: [{ date: 2, value: 6931 }, { date: 3, value: 6850 }, { date: 4, value: 5366 }, { date: 5, value: 4874 }, { date: 6, value: 5347 }, { date: 7, value: 41115 }, { date: 8, value: 81250 }, { date: 9, value: 81437 }, { date: 10, value: 103941 }, { date: 11, value: 105994 }, { date: 12, value: 116688 }, { date: 13, value: 118847 }, { date: 14, value: 101091 }, { date: 15, value: 107977 }, { date: 16, value: 129702 }, { date: 17, value: 109491 }, { date: 18, value: 106720 }, { date: 19, value: 52051 }, { date: 20, value: 37894 }, { date: 21, value: 29828 }, { date: 22, value: 21099 }] },
+      { values: [{ date: 0, value: 11635 }, { date: 1, value: 8730 }, { date: 2, value: 6931 }, { date: 3, value: 6850 }, { date: 4, value: 5366 }, { date: 5, value: 4874 }, { date: 6, value: 5347 }, { date: 7, value: 41115 }, { date: 8, value: 81250 }, { date: 9, value: 81437 }] },
+      { values: [{ date: 9, value: 81437 }, { date: 10, value: 103941 }, { date: 11, value: 105994 }, { date: 12, value: 116688 }, { date: 13, value: 118847 }, { date: 14, value: 101091 }, { date: 15, value: 107977 }, { date: 16, value: 129702 }, { date: 17, value: 109491 }, { date: 18, value: 106720 }, { date: 19, value: 52051 }, { date: 20, value: 37894 }, { date: 21, value: 29828 }, { date: 22, value: 21099 }] },
       { values: [{ date: 22, value: 21099 }, { date: 23, value: 14170 }] },
     ],
     tooltip: {

packages/chart/src/DoubleOverlapArea/config.ts

@@ -27,14 +27,15 @@ export const defaultArea: NonNullable<IAreaSeriesSpec['area']> = {
       stops: [
         {
           offset: 0,
-          opacity: 0.35,
+          opacity: 0.15,
         },
         {
           offset: 1,
           opacity: 0,
         },
       ],
     },
+    fillOpacity: 1,
   },
 };
 

packages/chart/src/DoubleOverlapArea/utils.ts

@@ -65,14 +65,15 @@ export function getDefaultProps(params: Params) {
               stops: [
                 {
                   offset: 0,
-                  opacity: 0.35,
+                  opacity: 0.25,
                 },
                 {
                   offset: 1,
                   opacity: 0,
                 },
               ],
             },
+            fillOpacity: 1,
             cursor: 'not-allowed',
           },
         },
@@ -125,14 +126,15 @@ export function getDefaultProps(params: Params) {
               stops: [
                 {
                   offset: 0,
-                  opacity: 0.35,
+                  opacity: 0.25,
                 },
                 {
                   offset: 1,
                   opacity: 0,
                 },
               ],
             },
+            fillOpacity: 1,
             cursor: 'not-allowed',
           },
         },