javascript - Angular Highcharts 重绘

如何在角度高图表指令中触发重绘？问题是我已将我的图表包含在选项卡中，并且初始化严重。像这样：http://puu.sh/lVg8s/6d9e9f2083.png

如果我调整窗口的大小，它会为选定的选项卡实例自行修复，但是我需要在加载时以某种方式进行操作。

Application.controller('SalesReportsHistoryController', ['ServerActions', '$scope', 'initData', function( ServerActions, $scope, initData ){

    var history = this;

    history.initData = initData.data;

    $scope.$on('$viewContentLoaded', function () {
        $(window).resize(function () {
            console.log('resized!');
        });

        $(window).resize();
    });

... etc more code

这是我尝试过的，但没有骰子。调整大小事件触发，如果我在控制台中触发它，则按预期运行，但不加载。

最佳答案

我想您对数据有完全的控制权，并且确切地知道什么时候可用。如果答案是肯定的，则可以在highcharts指令上添加ng-if指令，以触发重新绘制。

<div ng-if="showChart">
    <highchart></highchart>
</div>

然后，在控制器中，您可以根据图表数据的可用性将$ scope.showChart设置为true或false。如果这样不起作用，则始终可以在$ scope.showChart上设置超时，因此只有在呈现整个DOM之后它才为真。

关于javascript - Angular Highcharts 重绘，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34356138/