如何將圖像添加到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);