백그라운드에서 차트에 이미지를 추가하는 경우

Question

예를 들어 http://jsfiddle.net/5D5eD/8/을 예로 들어보십시오. 데이터 값의 변화에 ​​따라 크기를 조정하는 배경에 이미지를 추가하고 싶습니다. 정적 인 CSS 이미지를 추가 할 수있었습니다.

body {background-image:url("image.jpg");} 

이미지를 추가하고 싶지만 그리드 수의 변경에 따라 이미지를 추가하거나 축소해야합니다. 그런 이미지를 추가하는 방법?

Answer 1

http://jsfiddle.net/5D5eD/17/을보십시오. 시도해보십시오.

.content+svg { 
    background: url('http://www.google.cz/images/srpr/logo11w.png') center center no-repeat; 
    background-size: contain; 
} 

이제 차트로 이미지의 크기가 조정됩니다.

JavaScript (jQuery)를 사용하여 차트 데이터 값을 기반으로 추가 및 사용자 정의 가능한 크기 조정을 수행해야합니다. 보다 정확한 조언을 얻으려면 차트의 작동 방식을 지정해야합니다.