爲什麼div不能取全寬或100％的寬度？

Question

我想製作一張表格和圖表。當我一起展示時，兩者都將佔用100％的寬度。請全屏查看。但是當我申請ng-show條件圖表不顯示爲100％寬度時爲什麼？它只顯示50到60％的寬度。

• 請全屏查看，然後單擊顯示圖表button..then它會顯示只有50％的寬度應該..它在我100％..

這裏是我的代碼 http://plnkr.co/edit/lXM2UbYUeT8NSkDeYCgb?p=preview

$scope.isshowTable = true; 
$scope.showChart = function() { 
    $scope.isshowTable = false; 
} 
$scope.showTable = function() { 
    $scope.isshowTable = true; 
} 

Answer 1

只要更改您的圖表指示樣式，width =「100％」，圖表將默認使用寬度。

http://plnkr.co/edit/HkAD1eyD1QGHIUyU7uml?p=preview

<chart value="basicAreaChart" type="area" height="400" style="width:100%"></chart> 

這是爲什麼，http://api.highcharts.com/highcharts#chart.width

寬度：數字圖表的明確寬度。默認情況下，根據包含元素的偏移寬度計算寬度爲 。試試看：

800px寬

Answer 2

我認爲這是因爲您在開始時啓動了圖表，而$ scope.showChart僅用於確定是否顯示圖表。

一旦圖表啓動，它將基於寬度當前寬度。

其中一個解決方案是在$ scope.showChart上重新啓動圖表。

P.S .:有趣的是，如果你在顯示圖表的時候改變了盒子的寬度，它會再次變爲100％的寬度。可能是因爲圖表庫中的響應css。