javascript - chart.js - 用户添加线的最后一点

Question

我需要制作一个折线图，用户可以在其中完成图表上的最后一点，然后根据它采取行动。我正在使用 Chart.js，但如果任何库都支持它，我愿意更改。那么有什么想法吗？谢谢

Answer 1

我认为你不能使用 chart.js 画线，最好的解决方案是转向 D3 图表，你可以在其中制作自定义图表线等。

您可以使用 D3 创建一条线，如下所示

var svgContainer = d3.select("body").append("svg")
    .attr("width", 200)
    .attr("height", 200);


var circle = svgContainer.append("line")
    .attr("x1", 5)
    .attr("y1", 5)
    .attr("x2", 50)
    .attr("y2", 50)
    .attr("stroke-width", 2)
    .attr("stroke", "black");