Google Charts: Показать только определенную страну - PullRequest
Новая
       5

Google Charts: Показать только определенную страну

1 голос
/ 14 декабря 2011

Я копаюсь в Google Charts для учетной записи нового клиента, и мне было интересно, можно ли показать только определенную страну, используя API-интерфейс Map.Мне удалось настроить отдельные регионы, но я не могу найти способ исключить соседние страны.Буду признателен за любую помощь или указание по этому вопросу.

Пример того, что я имею в виду - http://raphaeljs.com/australia.html (однако я не хочу использовать эту библиотеку.)

Ответы [ 2 ]

3 голосов
/ 14 декабря 2011

Можно отобразить только определенную страну, используя Google Charts API. Способ сделать это - установить регион в переменной options и использовать переменную options при рисовании карты. 

var options = {};
options['region'] = 'AU';
...
geomap.draw(data, options);

Посмотрите пример, приведенный в документации API: http://code.google.com/apis/chart/interactive/docs/gallery/geomap.html#markersexample

0 голосов
/ 19 февраля 2016

Я попробовал код диаграммы Google с моим веб-приложением.но это не работает для меня.Peckage ['Map'] работает При использовании пакета ['Geomap'] на моей странице ничего не отображается.
и при использовании пакета ['map'], я могу отобразить только 1 диаграмму страны.Есть ли что-то, чего мне не хватает. 

<script type='text/javascript'>
            google.charts.load('current', {'packages': ['geomap']});
            google.charts.setOnLoadCallback(drawMap);
            function drawMap()
                    var data = google.visualization.arrayToDataTable([
                            ['City', 'Popularity'],
                            ['New York', 200],
                            ['Boston', 300],
                            ['Miami', 400],
                            ['Chicago', 500],
                            ['Los Angeles', 600],
                            ['Houston', 700]
                    ]);
                    var options = {};
            options['region'] = 'US';
            options['colors'] = [0xFF8747, 0xFFB581, 0xc06000]; //orange colors
            options['dataMode'] = 'markers';
            var container = document.getElementById('map_canvas');
            var geomap = new google.visualization.GeoMap(container);
            geomap.draw(data, options);
    };
</script>    
<div id="map_canvas" style="width: 900px; height: 500px;"></div>
...