如何使用C3.js从选定数据创建表

Question

我创建了一个带有C3.js库子图的图表。我用过：

subchart:{    
  show:true
  onbrush: function (domain) {                                                          
   test = chart.internal.filterByXDomain(chart.data(),domain);                              
  },
}

如何生成带有值的dinamic表到对象＆＃34; test＆＃34;？

Answer 1

您可以构建HTML并将其设置为其中一个元素

...
onbrush: function (domain) {
    var test = chart.internal.filterByXDomain(chart.data(), domain);

    var table = '<table><tr><th>x</th><th>y</th></tr>';
    test[0].values.forEach(function(e) {
        table += '<tr><td>' + e.x + '</td><td>' + e.value + '</td></tr>'
    })
    table += '</table>';

    document.getElementById("range").innerHTML = table;
}

你有一个ID范围

的元素

小提琴 - http://jsfiddle.net/e3esfsd6/