Highcharts: problem centering pie chart in portrait orientation

tutorials
1

Hi guys,

I’m using highcharts framework (ng-highchart directive), when I display a pie chart in portrait mode it isn’t centered into the page but right-shifted, while in landscape mode it is right displayed!

My view:

<ion-view view-title="Home">
    <ion-content>
        <div class="row">
            <div class=".col">
                <highchart config="chartConfig"></highchart>
            </div>
        </div>
    </ion-content>
</ion-view>

My controller:

.controller('HomeCtrl', function ($scope) {

    $scope.energyChartConfig = {
        chart: {
            type: 'pie'
        },
        series: [{
            data: [10, 15, 12, 8, 7],
            id: 'series1'
        }],
        title: {
            text: 'Hello'
        }
    }
})

How can I make the chart responsive at device orientation? Any hint?

Thanks