我正在尝试制作表格和图表。当我将两者一起显示时,两者都将采用 100% 宽度。请全屏查看。但是当我应用 ng-show 条件时,图表没有以 100% 宽度显示,为什么?它仅显示宽度的 50% 到 60%。
- 请全屏检查并点击显示图表按钮..然后它将仅显示 50% 宽度..它应该为 100%..
这是我的代码 http://plnkr.co/edit/lXM2UbYUeT8NSkDeYCgb?p=preview
$scope.isshowTable = true;
$scope.showChart = function() {
$scope.isshowTable = false;
}
$scope.showTable = function() {
$scope.isshowTable = true;
}
最佳答案
只需更改图表指令样式 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
width: Number An explicit width for the chart. By default the width is calculated from the offset width of the containing element. Try it:
800px wide
关于javascript - 为什么 div 不采用全宽或 100% 宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34427790/