如何设置高地图宽度和高度百分比的响应性？

Question

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

在我的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>