SVGGraph | PHP SVG graph library | Animation library

Well, I tried a way by which I was able to load svg graph.

Yes, this is the intended behaviour. In fact, we normally use those x and y properties in a drag event to avoid the element jumping around the container (when one is lazy enough to specify the correct subject).

Since you asked for a reference, have a look at drag.subject:

The subject of a drag gesture represents the thing being dragged. It is computed when an initiating input event is received, such as a mousedown or touchstart, immediately before the drag gesture starts.

Then, in the next paragraph, the most important information to you:

The default subject is the datum of the element in the originating selection (see drag) that received the initiating input event; if this datum is undefined, an object representing the coordinates of the pointer is created. When dragging circle elements in SVG, the default subject is thus the datum of the circle being dragged. (emphasis mine)

And finally:

The returned subject should be an object that exposes x and y properties, so that the relative position of the subject and the pointer can be preserved during the drag gesture.

So, if you don't want the x and y in the datum being used by drag, just set a different object in the subject:

1 - In the directive, you watch val, which in controller is $scope.data, so I guess you need it for every submitted form? then just assign the data to $scope.data every submit:

You will have to define a closed shape that defines the area between the two lines. Then apply the gradient to that.

I had the same issue happening to me for my Joomla 3.6.4 site in Firefox. I resolved it by removing the tag from my template. I added this code to my index.php file in my template: