Как я могу получить данные из подзаголовка с C3.js

Question

Мне нужно взять данные из подматрицы, реализованной с помощью библиотеки C3.js, для создания таблицы.

Как я могу получить эти данные?

Answer 1

Вы можете использовать onbrush обратного вызова (http://c3js.org/reference.html#subchart-onbrush), чтобы получить выбранный домен (а затем, в случае необходимости, использовать его для фильтрации данных)

... 
subchart: { 
    onbrush: function (domain) { 
     // use domain (array) here 
    } 
    ... 

---

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

---

Например, так вы можете сделать это для одной серии

var chart = c3.generate({ 
    data: { 
     columns: [ 
      ['sample', 30, 200, 100, 400, 150, 250] 
     ] 
    }, 
    subchart: { 
     show: true, 
     onbrush: function (domain) { 
      var filteredData = this.data()[0].values.filter(function (e, i) { 
       return (e.x >= domain[0] && e.x <= domain[1]) 
      }).map(function (e) { 
       return e.value; 
      }) 

      // do something with filteredData 
     } 
    } 
}); 

---

Fiddle - http://jsfiddle.net/8dpnmvnq/