如何使用javascript生成包含图表数据的表?

如何使用javascript生成包含图表数据的表?,javascript,charts,amcharts,Javascript,Charts,Amcharts,我有一个使用Amcharts构建的javascript。我需要生成一个表,如下所示,该表将从我用于图表的同一scv文件中获取数据 如何创建它?您可以使用JSON创建动态表: Javascript var table = document.createElement("table"); // CREATE HTML TABLE HEADER ROW USING THE EXTRACTED HEADERS ABOVE. var tr = table.insert

我有一个使用Amcharts构建的javascript。我需要生成一个表,如下所示,该表将从我用于图表的同一scv文件中获取数据


如何创建它?

您可以使用JSON创建动态表:

Javascript

 var table = document.createElement("table");

        // CREATE HTML TABLE HEADER ROW USING THE EXTRACTED HEADERS ABOVE.

        var tr = table.insertRow(-1);                   // TABLE ROW.

        for (var i = 0; i < col.length; i++) {
            var th = document.createElement("th");      // TABLE HEADER.
            th.innerHTML = col[i];
            tr.appendChild(th);
        }

        // ADD JSON DATA TO THE TABLE AS ROWS.
        for (var i = 0; i < YourData.length; i++) {

            tr = table.insertRow(-1);

            for (var j = 0; j < col.length; j++) {
                var tabCell = tr.insertCell(-1);
                tabCell.innerHTML = YourData[i][col[j]];
            }
        }

        // FINALLY ADD THE NEWLY CREATED TABLE WITH JSON DATA TO A CONTAINER.
        var divContainer = document.getElementById("showData");
        divContainer.innerHTML = "";
        divContainer.appendChild(table);
var table=document.createElement(“表”);
//使用上面提取的标题创建HTML表格标题行。
var tr=table.insertRow(-1);//表行。
对于(变量i=0;i
您的HTML:

 <p id="showData"></p>


例如和想法:我不知道你使用哪些js框架?谢谢,但我没有足够的经验使用json。实际上,我找到了一种方法,但我不知道如何以同样的方式组织日期。如果你能将代码添加到问题中,而不是添加到链接中,这会很有帮助,因为链接被我当前的位置阻止了……我不能在这里添加代码,不知道为什么,但这是js提琴,非常感谢。很抱歉这么长时间没有回复,我实际上找到了另一种解决方案。但还是要谢谢你