是否可以从javascript/html/D3中的数据中列出一个列表

Is it possible to make a list from data in javascript/html/D3?

本文关键字：列表 一个 javascript html 是否 D3 数据      更新时间：2023-09-26

我希望从JSON文件中的数据中列出一个列表。我想从列表中选择调用我拥有的突出显示函数的项目。

我想做的是加载不同大小的数据，所以我希望列表能够根据传递给它的数据而变化。

我已经为方向做了一个：

function orientation()
{
    var mylist=document.getElementById("myList");
    var listChoice = mylist.options[mylist.selectedIndex].text;
    //-----------------------chosing which layout to use
    if(listChoice == "Force")
    {
        console.log("Force");
        backtoForce();
    }
    else if(listChoice == "Portrait")
    {
        console.log("Portrait");
        portraitLayout();       
    }
    else if(listChoice == "Landscape")
    {
        console.log("Landscape");
        landscapeLayout();
    }
}

我知道如何从 JSON 文件中获取数据，但我不确定如何根据该数据创建列表。

如果我关注你，你想 ajax 一些 JSON 并从该数据创建一个列表吗？

var data   = json.data;
var mylist = document.getElementById("myList");
for (var i = 0; i < data.length; i++) {
     var listItem = document.createElement('li');
     listItem.innerHTML = data[i].text; // assign data to new element html
     myList.appendChild(listItem);
}

或者使用 D3，给定一个名为 myList 的列表元素 ol 或 ul：

var json = ["A","B","C"];
d3.select("#myList")
    .selectAll("li")
    .data(json)
  .enter().append("li")
    .text(function(d){return d;});
相关文章：