在Vue中创建交互式“可拖动”折线图的好方法

Question

我希望在Vue 2.5中创建曲线图。

将基于20个数据点生成图形。用户无需显示20个数据点中的每个点，而是可以沿曲线拖动点。点将落在最近的数据点上，并且用户选择的数据点将存储在该状态下。

它看起来像这样：

我对canvas和JS数据可视化库的理解很差，所以我不确定从哪里开始。

这是我可以通过chart.js还是vue-chartkick实现的目标？我是否需要像d3这样更灵活的工具？什么是实现拖动功能的好方法？您能给我的任何建议都将不胜感激。