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");