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