Fix stacking line with 0 value - #316

c3.js

@@ -2103,7 +2103,7 @@
                     y0 = scale(0), offset = y0;
                 targets.forEach(function (t) {
                     if (t.id === d.id || indices[t.id] !== indices[d.id]) { return; }
-                    if (targetIds.indexOf(t.id) < targetIds.indexOf(d.id) && t.values[i].value * d.value > 0) {
+                    if (targetIds.indexOf(t.id) < targetIds.indexOf(d.id) && t.values[i].value * d.value >= 0) {
                         offset += scale(t.values[i].value) - y0;
                     }
                 });

htdocs/samples/chart_area_spline_stacked.html

@@ -15,8 +15,8 @@
         bindto: '#chart1',
         data: {
           columns: [
-            ['data1', 300, 350, 300, 0, 0, 0],
-            ['data2', 130, 100, 140, 200, 150, 50]
+            ['data1', 300, 350, 300, 0, 0, 100],
+            ['data2', 130, 0, 140, 200, 0, 50],
           ],
           type: 'area-spline',
           groups: [['data1', 'data2']],
@@ -27,8 +27,8 @@
         bindto: '#chart2',
         data: {
           columns: [
-            ['data1', -300, -350, -300, 0, 0, 0],
-            ['data2', -130, -100, -140, -200, -150, -50]
+            ['data1', -300, -350, -300, 0, 0, -100],
+            ['data2', -130, 0, -140, -200, 0, -50]
           ],
           type: 'area-spline',
           groups: [['data1', 'data2']],
@@ -39,8 +39,8 @@
         bindto: '#chart3',
         data: {
           columns: [
-            ['data1', -300, 350, -300, 0, 0, 0],
-            ['data2', -130, -100, 140, -200, 150, -50]
+            ['data1', -300, 350, -300, 0, 0, 100],
+            ['data2', -130, 0, 140, -200, 150, -50]
           ],
           type: 'area-spline',
           groups: [['data1', 'data2']],

htdocs/samples/chart_area_stacked.html

@@ -15,8 +15,8 @@
         bindto: '#chart1',
         data: {
           columns: [
-            ['data1', 300, 350, 300, 0, 0, 0],
-            ['data2', 130, 100, 140, 200, 150, 50]
+            ['data1', 300, 350, 300, 0, 0, 100],
+            ['data2', 130, 0, 140, 200, 0, 50],
           ],
           type: 'area',
           groups: [['data1', 'data2']],
@@ -27,8 +27,8 @@
         bindto: '#chart2',
         data: {
           columns: [
-            ['data1', -300, -350, -300, 0, 0, 0],
-            ['data2', -130, -100, -140, -200, -150, -50]
+            ['data1', -300, -350, -300, 0, 0, -100],
+            ['data2', -130, 0, -140, -200, 0, -50]
           ],
           type: 'area',
           groups: [['data1', 'data2']],
@@ -39,8 +39,8 @@
         bindto: '#chart3',
         data: {
           columns: [
-            ['data1', -300, 350, -300, 0, 0, 0],
-            ['data2', -130, -100, 140, -200, 150, -50]
+            ['data1', -300, 350, -300, 0, 0, 100],
+            ['data2', -130, 0, 140, -200, 150, -50]
           ],
           type: 'area',
           groups: [['data1', 'data2']],

htdocs/samples/chart_bar_stacked.html

@@ -13,7 +13,7 @@
           columns: [
             ['data1', 30, 200, 200, 400, 150, -250],
             ['data2', 130, -100, 100, 200, 150, 50],
-            ['data3', 230, -200, 200, 300, 250, 250]
+            ['data3', 230, -200, 200, 0, 250, 250]
           ],
           type: 'bar',
           groups: [