Area chart

src/chart/helper/DataSymbol.js

@@ -6,7 +6,7 @@ define(function (require) {
     var graphic = require('../../util/graphic');
 
     function createSymbol(data, idx, enableAnimation) {
-        var point = data.getItemLayout(idx).point;
+        var point = data.getItemLayout(idx);
         var color = data.getItemVisual(idx, 'color');
 
         var symbolSize = data.getItemVisual(idx, 'symbolSize');
@@ -85,7 +85,7 @@ define(function (require) {
                     }
 
                     var symbolSize = data.getItemVisual(newIdx, 'symbolSize');
-                    var point = data.getItemLayout(newIdx).point;
+                    var point = data.getItemLayout(newIdx);
                     var el = oldData.getItemGraphicEl(oldIdx);
 
                     // Symbol changed

src/chart/line.js

@@ -10,6 +10,6 @@ define(function (require) {
         require('../visual/symbol'), 'line', 'circle', 'line'
     ));
     echarts.registerLayout(zrUtil.curry(
-        require('../layout/line'), 'line'
+        require('../layout/points'), 'line'
     ));
 });

src/chart/line/Area.js

@@ -0,0 +1,37 @@
+define(function(require) {
+    'use strict';
+
+    return require('zrender/graphic/Path').extend({
+
+        type: 'ec-area',
+
+        shape: {
+            points: [],
+            // Offset between stacked base points and points
+            stackedOnPoints: []
+        },
+
+        buildPath: function (ctx, shape) {
+            var points = shape.points;
+            var stackedOnPoints = shape.stackedOnPoints;
+
+            var i = 0;
+            var len = points.length;
+            while (i < points.length) {
+                for (var k = i; k < len; k++) {
+                    var p = points[k];
+                    if (p == null || isNaN(p[0]) || isNaN(p[1])) {
+                        break;
+                    }
+                    ctx[k === i ? 'moveTo' : 'lineTo'](p[0], p[1]);
+                }
+                var tmp = k;
+                for (k--; k >= i; k--) {
+                    var p = stackedOnPoints[k];
+                    ctx.lineTo(p[0], p[1]);
+                }
+                i = tmp + 1;
+            }
+        }
+    });
+});