Как создать таблицу из выбранных данных с помощью C3.js

Question

Я создал диаграмму с подзадачей с библиотекой C3.js. Я использовал:

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

Как создать динамическую таблицу со значениями в объекте «Тест»?

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

---

Fiddle - http://jsfiddle.net/e3esfsd6/