이미지를 Nvd3.js의 레이블로 사용하십시오.

Question

텍스트 레이블 대신 이미지를 사용하여 Nvd3으로 discreteBarChart를 그리고 싶습니다. 가능한가? 그렇다면 어떻게?

Answer 1

나는 그것이 불가능하다고 생각하지만, 당신이 원하는 어디든지 당신은 예를 들어 같은, D3를 사용하여 직접 이미지를 넣을 수 있습니다. 그것은 API의 일부가 아니다

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

,하지만 당신은 그것을 해킹 할 수

예를 들어 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);