Как создать таблицу с данными диаграммы, используя JavaScript? - PullRequest
Новая
       8

Как создать таблицу с данными диаграммы, используя JavaScript?

0 голосов
/ 25 января 2019

У меня есть javascript диаграмма , построенная с использованием Amcharts. Мне нужно создать таблицу, как показано ниже, которая будет принимать данные из того же файла SCV, который я использую для диаграммы.

Как мне это сделать?

1 Ответ

0 голосов
/ 31 января 2019

Вы можете динамически создать таблицу с 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);

Ваш HTML: 

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