Como faço para exibir dados json em um treeview?

Como faço para exibir dados json que está vindo de uma API, para um treeview??

Já tentei usar o plugin do JQuery o JStree, mas é muito complicado de entender já li a documentação mas não funcionou. Alguém teria uma ideia para eu exibir esses dados em uma árvore list ou seja uma TreeView. tree

Código javascript que faz a integração com a API e cria s JStree para exibir os dados.

var settings = {

“async”: true,

“dataType”: ‘json’,

“crossDomain”: true,

“url”: “<a href="http://192.168.0.57:8888/">http://192.168.0.57:8888/</a>”,

“method”: “GET”,

“headers”: {}

}

$.ajax(settings).done(function (response) {
for(i=0;i<response.length;i++) {

// document.getElementById("testando").innerHTML =  response[0].dados.estado_cliente;
    console.log(response.dados[i]);
}

$("#resultadoECAC").jstree({
    core:{
        "data":response.dados[i]
    }

})

});
Código que cria a div que exibe a árvore lista ou seja a TreeView:

<div class="row">
    <div class="col-md-8 col-sm-offset-2">
        <!-- Panel Basic -->
        <div class="panel-nfe">
            <div class="panel-heading">
                <h3 class="panel-title">Logs</h3>
            </div>
            <div class="panel-body" id="form-log">
                <div id="resultadoECAC"></div>
                <form class="form-horizontal" enctype="multipart/form-data">




                </form>
            </div>
        </div>
    </div>
</div>

Topicos relacionados