时间戳

首页 > 解决方案 > 地理图表美国州在显示特定省份时未显示总数

javascript - 地理图表美国州在显示特定省份时未显示总数

问题描述

我试图只显示每个有效状态的地图，但是当我指定状态时，总数不显示。但是，如果我显示整个美国，则各州会显示总数。让我告诉你我所看到的。

如果我将我的区域设置为 justregion: 'US'我会看到以下内容正常并显示纽约州的总数

在此处输入图像描述

如果我将我的地区更改为region: 'US-NY'我看到的状态，但总数不存在。

在此处输入图像描述

我究竟做错了什么？

google.charts.load('current', {
    'packages':['geochart'],
    // Note: you will need to get a mapsApiKey for your project.
    // See: https://developers.google.com/chart/interactive/docs/basic_load_libs#load-settings
    'mapsApiKey': '************************************'
});
google.charts.setOnLoadCallback(drawRegionsMap);

function drawRegionsMap() {
    var data = google.visualization.arrayToDataTable([
    ['State', 'Total'],
            ['New York', 130689],
        ]);
    var options = {
        region: 'US-NY',
        displayMode: 'regions',
        resolution: "provinces",
    };
    var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));
    chart.draw(data, options);
}

标签： javascriptgoogle-visualization

解决方案

我错过了什么吗？似乎在这里工作正常......

第一次加载需要一秒钟左右，
但它对我有用......

google.charts.load('current', {
    'packages':['geochart'],
    'mapsApiKey': 'AIzaSyBgxLAOHUq52CuZ0kcl9WHnOjzt40w082k'
});
google.charts.setOnLoadCallback(drawRegionsMap);

function drawRegionsMap() {
    var data = google.visualization.arrayToDataTable([
      ['State', 'Total'],
      ['New York', 130689],
    ]);
    var options = {
        region: 'US-NY',
        displayMode: 'regions',
        resolution: "provinces",
    };
    var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));
    chart.draw(data, options);
}
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="regions_div"></div>

推荐阅读