c3jsgh-1595 Adds config option in area hash to draw the area fill above the line instead of below

linearza · Ændrew Rininsland · commit a45fcb1970c5 · 2016-04-30T04:41:29.000+01:00
diff --git a/src/config.js b/src/config.js
@@ -168,6 +168,7 @@ c3_chart_internal_fn.getDefaultConfig = function () {
         bar_zerobased: true,
         // area
         area_zerobased: true,
+        area_above: false,
         // pie
         pie_label_show: true,
         pie_label_format: undefined,
diff --git a/src/shape.line.js b/src/shape.line.js
@@ -250,7 +250,7 @@ c3_chart_internal_fn.generateDrawArea = function (areaIndices, isSub) {
             return config.data_groups.length > 0 ? getPoints(d, i)[1][1] : yScaleGetter.call($$, d.id)(d.value);
         };
 
-    area = config.axis_rotated ? area.x0(value0).x1(value1).y(xValue) : area.x(xValue).y0(value0).y1(value1);
+    area = config.axis_rotated ? area.x0(value0).x1(value1).y(xValue) : area.x(xValue).y0(config.area_above ? 0 : value0).y1(value1);
     if (!config.line_connectNull) {
         area = area.defined(function (d) { return d.value !== null; });
     }

Original file line number	Diff line number	Diff line change
`@@ -250,7 +250,7 @@ c3_chart_internal_fn.generateDrawArea = function (areaIndices, isSub) {`
`250`	`250`	`return config.data_groups.length > 0 ? getPoints(d, i)[1][1] : yScaleGetter.call($$, d.id)(d.value);`
`251`	`251`	`};`
`252`	`252`
`253`		`- area = config.axis_rotated ? area.x0(value0).x1(value1).y(xValue) : area.x(xValue).y0(value0).y1(value1);`
	`253`	`+ area = config.axis_rotated ? area.x0(value0).x1(value1).y(xValue) : area.x(xValue).y0(config.area_above ? 0 : value0).y1(value1);`
`254`	`254`	`if (!config.line_connectNull) {`
`255`	`255`	`area = area.defined(function (d) { return d.value !== null; });`
`256`	`256`	`}`