如何设置高图的宽度和高度以提高响应度？

Question

我正在为世界地图项目使用高图，需要按百分比设置整个画布的宽度和高度，以使其对窗口调整大小做出响应。 （请指定在高级图表中是否有更好的方法来设置地图响应速度。）

在我的index.htm文件中，我可以很容易地设置宽度和高度，只需输入值即可，但是如果我输入诸如％，px等单位，地图就会消失。因此，如果我按以下方式工作，它将起作用：

$('#container').highcharts('Map', {

  chart: {
     borderWidth: 0,
     width: 100,
     height: 100,
     shadow: false,
     backgroundColor: 'transparent'
  },

您可以在这里查看非常相似的示例。

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/maps/chart/border/

Answer 1

#container{
height: 100%; width: 100%; position: absolute;
}

<div id="container" [chart]="highcharts"></div>