Marker x, y support relative percent

src/chart/helper/Line.js

@@ -230,6 +230,10 @@ define(function (require) {
         var textStyleHoverModel = labelHoverModel.getModel('textStyle');
 
         var defaultText = numberUtil.round(seriesModel.getRawValue(idx));
+        if (isNaN(defaultText)) {
+            // Use name
+            defaultText = lineData.getName(idx);
+        }
         line.setStyle(zrUtil.extend(
             {
                 stroke: lineData.getItemVisual(idx, 'color')

src/component/marker/MarkLineView.js

@@ -4,6 +4,7 @@ define(function (require) {
     var List = require('../../data/List');
     var formatUtil = require('../../util/format');
     var modelUtil = require('../../util/model');
+    var numberUtil = require('../../util/number');
 
     var addCommas = formatUtil.addCommas;
     var encodeHTML = formatUtil.encodeHTML;
@@ -198,7 +199,10 @@ define(function (require) {
                 var xPx = itemModel.get('x');
                 var yPx = itemModel.get('y');
                 if (xPx != null && yPx != null) {
-                    point = [xPx, yPx];
+                    point = [
+                        numberUtil.parsePercent(xPx, api.getWidth()),
+                        numberUtil.parsePercent(yPx, api.getHeight())
+                    ];
                 }
                 else {
                     var x = data.get(dims[0], idx);

src/component/marker/MarkPointView.js

@@ -4,6 +4,7 @@ define(function (require) {
     var zrUtil = require('zrender/core/util');
     var formatUtil = require('../../util/format');
     var modelUtil = require('../../util/model');
+    var numberUtil = require('../../util/number');
 
     var addCommas = formatUtil.addCommas;
     var encodeHTML = formatUtil.encodeHTML;
@@ -95,7 +96,10 @@ define(function (require) {
                 var xPx = itemModel.getShallow('x');
                 var yPx = itemModel.getShallow('y');
                 if (xPx != null && yPx != null) {
-                    point = [xPx, yPx];
+                    point = [
+                        numberUtil.parsePercent(xPx, api.getWidth()),
+                        numberUtil.parsePercent(yPx, api.getHeight())
+                    ];
                 }
                 else if (coordSys) {
                     var x = mpData.get(dims[0], idx);

src/component/marker/markerHelper.js

@@ -135,7 +135,8 @@ define(function (require) {
      */
     var dataFilter = function (coordSys, item) {
         // Alwalys return true if there is no coordSys
-        return coordSys ? coordSys.containData(item.value) : true;
+        return (coordSys && item.value && (item.x == null || item.y == null))
+            ? coordSys.containData(item.value) : true;
     };
 
     return {