在后台向图表添加图像

Question

consider the jsfiddle example http://jsfiddle.net/5D5eD/8/ . I want to add an image in the background which re-sizes itself with change in data values. I was able to add the image in css which was static.

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

I want to add the image but according to change in number of grids it also should scale more or less. How to add such an image ?

Answer 1

Look at http://jsfiddle.net/5D5eD/17/ . Try

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

Now the image resizes with the chart.

Additional and more customizable scaling based on chart data values would have to be done using JavaScript (jQuery). You need to specify how exactly you want the chart to behave to get more precise advice.