在Nvd3.js中使用圖像作爲標籤

Question

我想用Nvd3使用圖像代替文本標籤繪製discreteBarChart。可能嗎 ？如果是這樣，怎麼樣？

Answer 1

我認爲這是不可能的，但你可以直接使用D3把圖像不管你想要的，例如像：

d3.select("#chart1 svg").append("svg:image") 
     .attr("xlink:href", "img/20.png") 
     .attr("width", 70) 
     .attr("height", 105) 
     .attr("x", 160) 
     .attr("y",100); 

Answer 2

這不是API的一部分，但你可以破解它

例如，要用圖像替換您的x標籤，請執行以下操作：

d3.selectAll('#yourChartId svg .nv-x.nv-axis.nvd3-svg g g g.tick') 
    .select('text') 
    .remove(); 

d3.selectAll('#yourChartId svg .nv-x.nv-axis.nvd3-svg g g g.tick') 
    .append('svg:image') 
    .attr('xlink:href', 'images/myimage.png') 
    .attr('width', 40) 
    .attr('height', 40);