Preciso criar um código que após passar alguns parâmetros ele gera-se um gráfico parecido com a imagem abaixo, pensei em criar uma tabela para cada atividade. Alguém tem alguma dica, ou conhece um artigo que possa me ajudar? Penso em usar Json para passar os dados (sei trabalhar com Json), meu problema seria criar essa function em Javascript
Essa tabela é definida por dependências, como vemos na imagem a atividade B é dependente da atividade A
Meu Json terá uma estrutura parecida com essa abaixo:
<script>
$(document).ready(function () {
$.ajax({
type: "GET",
url: "/Venda/GetDadosItensVenda",
success: function (itensVenda) {
if (itensVenda != null) {
$('#tbody').children().remove();
$(itensVenda).each(function (i) {
var tbody = $('#tbody');
var tr = "<tr>";
tr +=
tr += "<td>" + itensVenda[i].CodigoProduto;
tr += "<td>" + itensVenda[i].Quantidade;
tr += "<td>" + itensVenda[i].PrecoUnitario;
tr += "<td>" + "<button class='btn btn-info' onclick=Editar(" + itensVenda[i].Id + ")>" + "Editar";
tr += "<td>" + "<button class='btn btn-danger' onclick=Deletar(" + itensVenda[i].Id + ")>" + "Deletar";
tbody.append(tr);
});
}
}
});
});
`