如何在每个图下显示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"]); 

仅供参考，这个代码将不会从你的截图现场编辑的工作，如果你正在使用的创建你的图表。您必须导出代码并将其插入。