javascript - Highcharts 图像渲染器自动高度

Question

我试图在图表的左上角放置一个 Logo ，下面的代码工作正常，但我想知道的是他们的任何直接方式，我可以像我们在 CSS 中所做的那样，使高度或宽度自动？

function (chart) {          
    chart.renderer.image("http://i.imgur.com/mX5qRdP.png", 5,5, 30, 30).add();
}

我知道我可以通过这种方式计算高度和宽度来做到这一点..

var img = new Image();
img.onload = function() {
  alert(this.width + 'x' + this.height);
}
img.src = 'http://www.google.com/intl/en_ALL/images/logo.gif';

但是他们有更复杂的方法吗？

Answer 1

Highcharts 是一个 SVG 库，SVG 1.1 规范要求 width和 height <image> 的属性元素。

参见 documentation查看属性定义。

What i wanted to know is their any direct way by which i can make either height or width auto like we do in CSS?

实际上，我不认为有一种方法可以像 css 那样拥有自动大小，因为 SVG 需要属性的数字 width和 height的 <image>元素。