Javascript Chart.js找到交点并画一个圆

Javascript Chart.js找到交点并画一个圆,javascript,html5-canvas,chart.js,Javascript,Html5 Canvas,Chart.js,我正在使用chart.js生成折线图。它成功地帮助了我。但我需要在交点处画一个圆或点,然后画一条朝向“X”轴的线。你能请任何人帮我拿这个吗 提前感谢。使用chartjs实现这一点的要点(无论如何都不是chartjs专家)是: 方法1-数学 第一步 除非您可以从chartjs的内部获取经过处理的点阵列,否则您必须手动将点数据集转换为表示绘制线的新点阵列,因为chartjs使用贝塞尔曲线绘制图形 你也必须考虑和查特斯一样的规模。由于canvas没有为其Bezier方法提供点,因此必须计算它们。您需要

我正在使用chart.js生成折线图。它成功地帮助了我。但我需要在交点处画一个圆或点,然后画一条朝向“X”轴的线。你能请任何人帮我拿这个吗


提前感谢。

使用chartjs实现这一点的要点(无论如何都不是chartjs专家)是:

方法1-数学 第一步 除非您可以从chartjs的内部获取经过处理的点阵列,否则您必须手动将点数据集转换为表示绘制线的新点阵列,因为chartjs使用贝塞尔曲线绘制图形

<>你也必须考虑和查特斯一样的规模。由于canvas没有为其Bezier方法提供点,因此必须计算它们。您需要选择分辨率并在数据集中的每个点之间生成新线段

但是要记住:你不能只使用一些随机控制点——你也必须像chartjs那样为曲线复制这些点,所以你需要使用作为基础

步骤2 当两条线都处于“贝塞尔形式”时,您必须通过查找哪些线段覆盖了要检查它们的范围来限制要搜索的范围


使用
line.x1实现这一点,使用chartjs实现这一点的要点是(无论如何都不是chartjs专家):

方法1-数学 第一步 除非您可以从chartjs的内部获取经过处理的点阵列,否则您必须手动将点数据集转换为表示绘制线的新点阵列,因为chartjs使用贝塞尔曲线绘制图形

<>你也必须考虑和查特斯一样的规模。由于canvas没有为其Bezier方法提供点,因此必须计算它们。您需要选择分辨率并在数据集中的每个点之间生成新线段

但是要记住:你不能只使用一些随机控制点——你也必须像chartjs那样为曲线复制这些点,所以你需要使用作为基础

步骤2 当两条线都处于“贝塞尔形式”时,您必须通过查找哪些线段覆盖了要检查它们的范围来限制要搜索的范围


使用
line.x1执行此操作您能提供完整的信息吗?@SahilDhir抱歉,这不是编程服务(也不是否决答案的理由)。所有的步骤都在上面解释过。你能详细解释一下吗?@SahilDhir抱歉,这不是一个编程服务(也不是否决答案的理由)。以上解释了所有步骤。