Javascript 在两点之间画一条线

Javascript 在两点之间画一条线,javascript,canvas,charts,Javascript,Canvas,Charts,我在图表中有一些排列好的数据,我想在单击按钮时连接两个或多个。。 我已经从图表元数据中提取了x和y位置,但现在我想在其中两个点之间画一条线。 我试图在画布上画画,但当我移动鼠标时,线条立即消失。 我应该在前一张画布上再画一张吗? 如果是,我怎么做 meta = mh.chart.getDatasetMeta(0); p1 ={x: meta.data[2]._model.x,y: meta.data[2]._model.y}; p2 ={x: meta.data[10].

我在图表中有一些排列好的数据,我想在单击按钮时连接两个或多个。。 我已经从图表元数据中提取了x和y位置,但现在我想在其中两个点之间画一条线。
我试图在画布上画画,但当我移动鼠标时,线条立即消失。
我应该在前一张画布上再画一张吗? 如果是,我怎么做

    meta = mh.chart.getDatasetMeta(0);
    p1 ={x: meta.data[2]._model.x,y: meta.data[2]._model.y};
    p2 ={x: meta.data[10]._model.x,y: meta.data[10]._model.y};
在代码中,我想在p1和p2之间画一条线。

当然,这些值是可以动态更改的

如果您希望人们能够回答,请添加代码。