C3.jsは私がダニの形式を持って

Question

をチェックするために追加の情報を追加します。しかし、今は - 私は5記号でそれをカットする必要があります。

と私はダニをクリックしています：someFunctionで

_.each(this.chart.element.querySelectorAll('svg g.c3-axis-x .tick text tspan'), (el) => { 
      el.onclick = (e) => this.someFunction(e) 
     }) 

を（） - 私は、現在の目盛りのためのデータを取得するために独自の属性を取得したいです。

最古私はangular.element(e.target).text()のように、この属性を得たが、それはсropped属性を含めることができます。どのように私は現在のインデックスを取得できますか？それはC3が最初の場所でそれらを構築するために使用されるものだとして、あるいは他の何かがC3チャートの要素のうち、フルテキストに

Answer 1

取得データ/インデックスを取得するには最高の、D3を介して行われます。角度ブレイクを使用するかどうかわかりませんが、私はそれを使用しないのでわかりません

あなたが前のq（C3 js : large axis label）を見て、私の答えの一部を変更すればonrendered機能にクリック機能を提供します：

onrendered: function() { 
    var self = this; 

    d3.select(this.config.bindto) 
     .selectAll(".c3-axis-x .tick text") 
     .on ("click", function(d) { 
      console.log ("data val", d, "gives us ", self.api.categories()[d]) 
      // then do what you want 
     }) 
} 

http://jsfiddle.net/05hsk6yh/3/