0

の中にGoogle Geo chartを使用しています。Googleジオグラフが角材内部にレンダリングされないmdTabs

ページを読み込んだときに初めてグラフがレンダリングされますが、ページを変更してこのページに戻ったときにコンテナエラーが発生し、グラフが読み込まれません。

残念ながら、このエラーをエディターに複製してバグについて説明することはできません。

誰もがこれに対応していますか?

答えて

1

ディレクティブを使用しても、あなたは、チャートが最初にロードされていることを確認し、

var app = angular.module('app', ['ngMaterial', 'googlechart']); 
    app.controller('ChartController', function($scope) { 
     var chart1 = {}; 
     chart1.type = "GeoChart"; 
     chart1.data = [ 
     ['Locale', 'Count', 'Percent'], 
     ['Germany', 22, 23], 
     ['United States', 34, 11], 
     ['Brazil', 42, 11], 
     ['Canada', 57, 32], 
     ['France', 6, 9], 
     ['RU', 72, 3] 
     ]; 
     chart1.options = { 
     width: 600, 
     height: 300, 
     chartArea: { 
      left: 10, 
      top: 10, 
      bottom: 0, 
      height: "100%" 
     }, 
     colorAxis: { 
      colors: ['#aec7e8', '#1f77b4'] 
     }, 
     displayMode: 'regions' 
     }; 
     chart1.formatters = { 
     number: [{ 
      columnNum: 1, 
      pattern: "$ #,##0.00" 
     }] 
     }; 
     $scope.chart = chart1; 
    }) 

DEMO

関連する問題