c3.js生成チャートに画像を追加する方法

Question

画像をチャートに追加しようとしました。たとえば、回転した棒グラフです。目的は、フラグのようにシリーズの目標を視覚的に設定することです。

私はチャートを作成した後、SVG要素として、画像を追加することができます。

var chart = c3.generate('#foo', _chartOptions)); 

// put goal 
var svg = d3.select($('#foo svg')[0]); 
var imgs = svg.selectAll("image").data([0]); 
imgs.enter() 
.append("svg:image") 
.attr("xlink:href", "img/flag1.png") 
.attr("x", "60") 
.attr("y", "0") 
.attr("width", "20") 
.attr("height", "20"); 

をしかし、「フラグが」特定にリンクする必要があるため、それは、私が欲しいもののために動作しません。値のどのようにして軸の特定の値の位置を見つけることができますか？変換行列などを見つける方法はありますか？または、使用できる内部機能はありますか？

Answer 1

要素の親クラスを使用してこれを試してください。

var stopUpper = d3.select('.upperStop'); 
    stopUpper.append('image') 
     .attr("xlink:href", "ExtGWT/images/default/shared/stop_32.png") 
     .attr("x",10) 
     .attr("y", (US-10)) 
     .attr("width", 20) 
     .attr("height", 20);