значения C3JS Acces показан на осях X

Question

У меня есть простая гистограмма так:

Вот мой C3JS

var chart = c3.generate({ 
 
data: { 
 
json:[{"A": 67, "B": 10, "site": "Google", "C": 12}, {"A": 10, "B": 20, "site": "Amazon", "C": 12}, {"A": 25, "B": 10, "site": "Stackoverflow", "C": 8}, {"A": 20, "B": 22, "site": "Yahoo", "C": 12}, {"A": 76, "B": 30, "site": "eBay", "C": 9}], 
 
     mimeType: 'json', 
 
    \t keys: { 
 
     \t x: 'site', 
 
     \t value: ['A','B','C'] 
 
    \t }, 
 
    \t type: 'bar', 
 
    \t \t \t selection: { 
 
\t \t \t enabled: true 
 
    \t \t \t }, 
 
    \t onselected: function(d,element) 
 
    \t { 
 
    \t \t alert('selected x: '+chart.selected()[0].x+' value: '+chart.selected()[0].value+' name: '+chart.selected()[0].name); 
 
    \t }, 
 
    \t groups: [ 
 
     \t ['A','B','C'] 
 
    \t ] 
 
\t }, 
 
\t axis: { 
 
    \t x: { 
 
\t type: 'category' 
 
     } 
 
     } 
 
});

После выбора какого-то график elemnt (щелкнув), в сообщении отображаются атрибуты X и Value и Name для первого выбранного элемента. Например, «выбранное значение x: 0: 67 name: A» после того, как я нажму на элемент диаграммы слева. Как я могу получить значение, показанное на оси X? В этом случае это «Google».

Answer 1

Категории свойств заселяются, когда объявлено, что ось х относится к категории типов, как в этом случае. Поэтому, чтобы получить данные с оси x, вам нужно вызвать функцию .categories().

onselected: function(d,element){alert(chart.categories()[d.index]);} 

https://jsfiddle.net/4bos2qzx/1/