个人中心
gpt4 book ai didi

data-visualization - 用户在 Google Charts 中指定的地区和国家集合

转载 作者：行者123 更新时间：2023-12-04 05:16:01 25 4
gpt4 key购买 nike

我想在 Google GeoCharts 中按国家/地区显示记录计数。

然而，我们的国家分组与 GeoCharts 使用的不同。

例如，谷歌使用联合国的:

  • 北美
  • 中美洲
  • 南美洲
  • 加勒比海

    • 作为美国的分割。我们的数据集分为:
  • 北美
  • 拉丁美洲

    • 阻抗爆炸!

    在我看来，这意味着当点击南美洲进入拉丁美洲时，用户会看不到墨西哥。美国图表太高太薄，所以必须缩小太多才能有用。

    改变我们的数据分类法，将国家分配给一个地区，是非常痛苦的。

    我可以在 GeoChart 中设置用户定义的区域吗？ 指定要显示的 map 中心、缩放级别和国家/地区数据？

    我敢说一个大黑客可以做到这一点，但与 Goggle 的 GeoChart 代码不同步并不是一个好主意。

    我看过新的 amMaps，但这似乎与 IE7 和 8 不兼容。 
    <shakefist at="Microsoft">Argh!</shakefist>

    欢呼

    最佳答案

    不幸的是，不，你不能。您可以选择美洲、北美洲、加勒比海或南美洲，但不能选择“拉丁美洲”。您可以做的是创建一个缩放 map ，在其中显示美国，然后单击即可放大某个区域。您实际上需要拥有国家/地区数据和地区数据，或者如果您愿意，只需拥有标记数据，但这里有一个单击以进行缩放的示例:

    <!--
    You are free to copy and use this sample in accordance with the terms of the
    Apache license (http://www.apache.org/licenses/LICENSE-2.0.html)
    -->

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
      <meta http-equiv="content-type" content="text/html; charset=utf-8" />
      <title>Google Visualization API Sample</title>
      <script type="text/javascript" src="http://www.google.com/jsapi"></script>
      <script type="text/javascript">
        google.load('visualization', '1', {packages: ['geochart']});

        var width, height, selectedRegion, resolution;

        window.onload = function(){
          width = 556;
          height = 400;
          selectedRegion = 'world';
          resolution = 'subcontinents';
        };

        function drawVisualization() {
          var data = new google.visualization.DataTable();
          data.addColumn('string', 'Region');
          data.addColumn('number', 'Value');
          data.addRows([
            [{v:"005", f:"South America"}, 978.7],
            [{v:"011", f:"Western Africa"}, 46],
            [{v:"013", f:"Central America"}, 299],
            [{v:"014", f:"Eastern Africa"}, 63.9],
            [{v:"015", f:"Northern Africa"}, 255.7],
            [{v:"017", f:"Middle Africa"}, 21.4],
            [{v:"018", f:"Southern Africa"}, 244.5],
            [{v:"029", f:"Caribbean"}, 76.5],
            [{v:"030", f:"Eastern Asia"}, 5712.9],
            [{v:"034", f:"Southern Asia"}, 1275.1],
            [{v:"035", f:"South-Eastern Asia"}, 639.2],
            [{v:"039", f:"Southern Europe"}, 777.8],
            [{v:"053", f:"Australia and New Zealand"}, 272],
            [{v:"054", f:"Melanesia"}, 6.3],
            [{v:"057", f:"Micronesia"}, 1.8],
            [{v:"061", f:"Polynesia"}, 1],
            [{v:"143", f:"Central Asia"}, 170.3],
            [{v:"145", f:"Western Asia"}, 834.1],
            [{v:"151", f:"Eastern Europe"}, 1587.6],
            [{v:"154", f:"Northern Europe"}, 801.5],
            [{v:"155", f:"Western Europe"}, 1456.2],
            [{v:"021", f:"Northern America"}, 4704.1]
          ]);

          var options = {
            displayMode: 'regions',
            enableRegionInteractivity: 'true',
            resolution: resolution,
            region: selectedRegion,
            height: height,
            width: width
          };

          var geochart = new google.visualization.GeoChart(
              document.getElementById('visualization'));

          google.visualization.events.addListener(geochart, 'select', function() {
            var selection = geochart.getSelection();

            if (selection.length == 1) {
              var selectedRow = selection[0].row;
              selectedRegion = data.getValue(selectedRow, 0);
              resolution = "countries";
              options.region = selectedRegion;
              options.resolution = resolution;
              //alert(resolution);
              geochart.draw(data, options);
              }
          });

          geochart.draw(data, options);
        }

        google.setOnLoadCallback(drawVisualization);
      </script>
    </head>
    <body style="font-family: Arial;border: 0 none;">
    <div id="visualization"></div>
    </body>
    </html>

    复制并粘贴到 Google Playground(我不知道为什么这在 jsfiddle 上不起作用，我认为它与 window.onload 有关)。

    关于data-visualization - 用户在 Google Charts 中指定的地区和国家集合，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14257135/

    25 4 0
    文章推荐： custom-view - 在 SP2013 文档集中使用自定义 View
    文章推荐： asp.net-mvc-4 - 使用没有 global.asax 的结构映射注入(inject) NServiceBus
    文章推荐： java - 我应该使用嵌套枚举吗？
    文章推荐： asp.net - MVC3 : Route with same name as directory
    行者123
    个人简介

    我是一名优秀的程序员,十分优秀！

    滴滴打车优惠券免费领取
    滴滴打车优惠券
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com