SVG路径节点动画

我有一个svg折线图，我试图模仿在其中进行选择的能力。我已经有了用于选择的路径节点，但我想将其宽度设置为0，当用户单击它时，宽度将缩放到用户沿x移动的宽度

<path fill="#D8F2FC" d="M 497.5 1 L 497.5 274 699.5 274 699.5 1"></path>

---

我希望坚持使用javascript，因为当我使用jQuery的mousedown时，它会干扰我为父svg元素设置的单击事件。

您希望用户能够拖动选择，还是只需单击并选择预定义区域？您好，我希望他们能够鼠标在它上面，能够改变它的宽度，最大为699.5或700。基本上，就像他们正在选择并突出显示父图表的该区域一样。不拖动选择。您可以使用D3.js在初始路径和目标路径之间插值。不久前我写了自己的JS，它只能在路径之间插值，因为D3是一个相当大的库。我想你知道如何得到点击坐标？另外，如果你已经有一个折线图，创建一个提琴，我会快速地将选择JS编辑到其中。嗨，Kevin，这里是JSFIDLE URL:。我用udpated URL保存到JSFIDLE，