在后台将图像添加到图表

时间:2014-03-28 12:08:29

标签: javascript html css svg d3.js

考虑jsfiddle示例http://jsfiddle.net/5D5eD/8/。我想在后台添加一个图像,它会根据数据值的变化重新调整大小。我能够在静态的CSS中添加图像。

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

我想添加图片,但根据网格数量的变化,它也应该或多或少地扩展。如何添加这样的图像?

1 个答案:

答案 0 :(得分: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)来完成。您需要指定图表的确切行为,以获得更精确的建议。