Stellen Sie HighCharts marginTop dynamisch basierend auf der Bildschirmgröße des mobilen Geräts ein

Question

Wie setzen Sie dynamisch basierend auf der aktuellen Fensterhöhe?

z.

$scope.chartConfig = { 
    options: { 
    chart: { 
     type: 'solidgauge', 
     // set to -50 if window height is 700px... 
     // set to -20 if window height is 500px... 
     marginTop: -50 
    } 
    } 
} 

Answer 1

Dies ist, wie ich es gelöst:

function ChartController($scope, $window) { 
    $scope.chartConfig = { 
    options: { 
     chart: { 
     type: 'solidgauge', 
     // set to -50 if window height is 700px... 
     // set to -20 if window height is 500px... 
     marginTop: 0 
     } 
    } 
    } 

    if ($window.innerHeight >= 568 && $window.innerHeight <= 639) { 
    $scope.chartConfig.options.chart.marginTop = -95; 
    } 
}