diff --git a/src/processor/dataStack.ts b/src/processor/dataStack.ts
index 42f7779ba6..824e630594 100644
--- a/src/processor/dataStack.ts
+++ b/src/processor/dataStack.ts
@@ -39,13 +39,13 @@ type StackInfo = Pick<
 // (1) [Caution]: the logic is correct based on the premises:
 //     data processing stage is blocked in stream.
 //     See <module:echarts/stream/Scheduler#performDataProcessorTasks>
-// (2) Only register once when import repeatly.
-//     Should be executed after series filtered and before stack calculation.
+// (2) Only register once when import repeatedly.
+//     Should be executed after series is filtered and before stack calculation.
 export default function dataStack(ecModel: GlobalModel) {
     const stackInfoMap = createHashMap<StackInfo[]>();
     ecModel.eachSeries(function (seriesModel: SeriesModel<SeriesOption & SeriesStackOptionMixin>) {
         const stack = seriesModel.get('stack');
-        // Compatibal: when `stack` is set as '', do not stack.
+        // Compatible: when `stack` is set as '', do not stack.
         if (stack) {
             const stackInfoList = stackInfoMap.get(stack) || stackInfoMap.set(stack, []);
             const data = seriesModel.getData();
@@ -87,6 +87,7 @@ function calculateStack(stackInfoList: StackInfo[]) {
         const dims: [string, string] = [targetStackInfo.stackResultDimension, targetStackInfo.stackedOverDimension];
         const targetData = targetStackInfo.data;
         const isStackedByIndex = targetStackInfo.isStackedByIndex;
+        const stackStrategy = targetStackInfo.seriesModel.get('stackStrategy') || 'samesign';
 
         // Should not write on raw data, because stack series model list changes
         // depending on legend selection.
@@ -126,12 +127,16 @@ function calculateStack(stackInfoList: StackInfo[]) {
                     ) as number;
 
                     // Considering positive stack, negative stack and empty data
-                    if ((sum >= 0 && val > 0) // Positive stack
-                        || (sum <= 0 && val < 0) // Negative stack
+                    if (
+                        stackStrategy === 'all' // single stack group
+                        || (stackStrategy === 'positive' && val > 0)
+                        || (stackStrategy === 'negative' && val < 0)
+                        || (stackStrategy === 'samesign' && sum >= 0 && val > 0) // All positive stack
+                        || (stackStrategy === 'samesign' && sum <= 0 && val < 0) // All negative stack
                     ) {
-                        // The sum should be as less as possible to be effected
-                        // by floating arithmetic problem. A wrong result probably
-                        // filtered incorrectly by axis min/max.
+                        // The sum has to be very small to be affected by the
+                        // floating arithmetic problem. An incorrect result will probably
+                        // cause axis min/max to be filtered incorrectly.
                         sum = addSafe(sum, val);
                         stackedOver = val;
                         break;
diff --git a/src/util/types.ts b/src/util/types.ts
index c503f48eec..e8d3f1d182 100644
--- a/src/util/types.ts
+++ b/src/util/types.ts
@@ -1661,6 +1661,7 @@ export interface SeriesLargeOptionMixin {
 }
 export interface SeriesStackOptionMixin {
     stack?: string
+    stackStrategy?: 'samesign' | 'all' | 'positive' | 'negative';
 }
 
 type SamplingFunc = (frame: ArrayLike<number>) => number;
diff --git a/test/area-stack.html b/test/area-stack.html
index 4cc1248738..c60eaa1b64 100644
--- a/test/area-stack.html
+++ b/test/area-stack.html
@@ -40,13 +40,10 @@
         <div id="main0"></div>
         <div id="main1"></div>
         <div id="main2"></div>
-
-
-
-
-
-
-
+        <div id="stack-default"></div>
+        <div id="stack-all"></div>
+        <div id="stack-positive"></div>
+        <div id="stack-negative"></div>
 
         <script>
 
@@ -431,7 +428,6 @@
         <script>
 
             var chart;
-            var myChart;
             var option;
 
             require(['echarts'], function (echarts) {
@@ -576,9 +572,186 @@
 
         </script>
 
+        <script>
+
+            var chart;
+            var option;
+
+            require(['echarts'], function (echarts) {
+
+                var option = {
+                    xAxis: [
+                        {
+                            type: 'category',
+                            data: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14]
+                        }
+                    ],
+                    yAxis: [
+                        {
+                            type: 'value'
+                        }
+                    ],
+                    series: [
+                        {
+                            name: 'stack',
+                            type: 'line',
+                            stack: 'stack',
+                            data: [3, 1, 2, -1, -3, 1, 3, -3, -1, -2, 1, 3, -1, -3]
+                        },
+                        {
+                            name: 'stack',
+                            type: 'line',
+                            stack: 'stack',
+                            areaStyle: {},
+                            data: [1, 1, 1, 1, 1, 1, 1, -1, -1, -1, -1, -1, -1, -1]
+                        }
+                    ]
+                };
+
+                testHelper.create(echarts, 'stack-default', {
+                    title: 'Stacking with positive and negative values (default: samesign)',
+                    option: option
+                });
+            });
+
+        </script>
+
+        <script>
+
+            var chart;
+            var option;
+
+            require(['echarts'], function (echarts) {
+
+                var option = {
+                    xAxis: [
+                        {
+                            type: 'category',
+                            data: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14]
+                        }
+                    ],
+                    yAxis: [
+                        {
+                            type: 'value'
+                        }
+                    ],
+                    series: [
+                        {
+                            name: 'stack',
+                            type: 'line',
+                            stack: 'stack',
+                            stackStrategy: 'all',
+                            data: [3, 1, 2, -1, -3, 1, 3, -3, -1, -2, 1, 3, -1, -3]
+                        },
+                        {
+                            name: 'stack',
+                            type: 'line',
+                            stack: 'stack',
+                            stackStrategy: 'all',
+                            areaStyle: {},
+                            data: [1, 1, 1, 1, 1, 1, 1, -1, -1, -1, -1, -1, -1, -1]
+                        }
+                    ]
+                };
+
+                testHelper.create(echarts, 'stack-all', {
+                    title: 'Stacking with positive and negative values (stackStrategy: all)',
+                    option: option
+                });
+            });
+
+        </script>
+
+        <script>
 
+            var chart;
+            var option;
 
+            require(['echarts'], function (echarts) {
 
+                var option = {
+                    xAxis: [
+                        {
+                            type: 'category',
+                            data: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14]
+                        }
+                    ],
+                    yAxis: [
+                        {
+                            type: 'value'
+                        }
+                    ],
+                    series: [
+                        {
+                            name: 'stack',
+                            type: 'line',
+                            stack: 'stack',
+                            stackStrategy: 'positive',
+                            data: [3, 1, 2, -1, -3, 1, 3, -3, -1, -2, 1, 3, -1, -3]
+                        },
+                        {
+                            name: 'stack',
+                            type: 'line',
+                            stack: 'stack',
+                            stackStrategy: 'positive',
+                            areaStyle: {},
+                            data: [1, 1, 1, 1, 1, 1, 1, -1, -1, -1, -1, -1, -1, -1]
+                        }
+                    ]
+                };
 
+                testHelper.create(echarts, 'stack-positive', {
+                    title: 'Stacking with positive and negative values (stackStrategy: positive)',
+                    option: option
+                });
+            });
+
+        </script>
+
+        <script>
+
+            var chart;
+            var option;
+
+            require(['echarts'], function (echarts) {
+
+                var option = {
+                    xAxis: [
+                        {
+                            type: 'category',
+                            data: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14]
+                        }
+                    ],
+                    yAxis: [
+                        {
+                            type: 'value'
+                        }
+                    ],
+                    series: [
+                        {
+                            name: 'stack',
+                            type: 'line',
+                            stack: 'stack',
+                            stackStrategy: 'negative',
+                            data: [3, 1, 2, -1, -3, 1, 3, -3, -1, -2, 1, 3, -1, -3]
+                        },
+                        {
+                            name: 'stack',
+                            type: 'line',
+                            stack: 'stack',
+                            stackStrategy: 'negative',
+                            areaStyle: {},
+                            data: [1, 1, 1, 1, 1, 1, 1, -1, -1, -1, -1, -1, -1, -1]
+                        }
+                    ]
+                };
+
+                testHelper.create(echarts, 'stack-negative', {
+                    title: 'Stacking with positive and negative values (stackStrategy: negative)',
+                    option: option
+                });
+            });
+
+        </script>
     </body>
-</html>
\ No newline at end of file
+</html>