如何在每個圖下顯示Amcharts圖形中使用的DataProvider的數據？

Question

我使用Amcharts來製作一些圖形。我想在我的HTML頁面中的每個圖下顯示其數據表（dataProvider）。我無處不在尋找解決方案，但徒勞無功。下面是數據表在線amcharts網站，我想顯示

Answer 1

有一個關於如何自動生成在AmCharts的網站here表的例子上。這是從例子，你需要事先到您的通話makeChart添加此代碼代碼：

/** 
* A plugin to automatically creata a data table for the chart 
* The plugin will check if the chart config has the following setting set: "dataTableId" 
*/ 
AmCharts.addInitHandler(function(chart) { 

    // check if export to table is enabled 
    if (chart.dataTableId === undefined) 
    return; 

    // get chart data 
    var data = chart.dataProvider; 

    // create a table 
    var holder = document.getElementById(chart.dataTableId); 
    var table = document.createElement("table"); 
    holder.appendChild(table); 
    var tr, td; 

    // add first row 
    for (var x = 0; x < chart.dataProvider.length; x++) { 
    // first row 
    if (x == 0) { 
     tr = document.createElement("tr"); 
     table.appendChild(tr); 
     td = document.createElement("th"); 
     td.innerHTML = chart.categoryAxis.title; 
     tr.appendChild(td); 
     for (var i = 0; i < chart.graphs.length; i++) { 
     td = document.createElement('th'); 
     td.innerHTML = chart.graphs[i].title; 
     tr.appendChild(td); 
     } 
    } 

    // add rows 
    tr = document.createElement("tr"); 
    table.appendChild(tr); 
    td = document.createElement("td"); 
    td.className = "row-title"; 
    td.innerHTML = chart.dataProvider[x][chart.categoryField]; 
    tr.appendChild(td); 
    for (var i = 0; i < chart.graphs.length; i++) { 
     td = document.createElement('td'); 
     td.innerHTML = chart.dataProvider[x][chart.graphs[i].valueField]; 
     tr.appendChild(td); 
    } 
    } 

}, ["serial"]); 

僅供參考，這個代碼將不會從你的截圖現場編輯的工作，如果你正在使用的創建你的圖表。您必須導出代碼並將其插入。