个人中心
gpt4 book ai didi

php - 在 Google GeoChart 中使用 PHP 处理从数据库中获取的数据

转载 作者：可可西里 更新时间：2023-11-01 08:45:35 27 4
gpt4 key购买 nike

我正在尝试在 GeoChart 上显示数据，这些数据是从“人口”数据库中提取的，代码如下:

<!DOCTYPE html>
<html>
  <head>
    <script type='text/javascript' src='https://www.google.com/jsapi'></script>
    <script type='text/javascript'>
     google.load('visualization', '1', {'packages': ['geochart']});
     google.setOnLoadCallback(drawMarkersMap);

      function drawMarkersMap() {
      var data = google.visualization.arrayToDataTable([

       <?php 
        echo '["City","Population"],';
        require_once('connect_population.php');
        try{
        $query = "SELECT City, People FROM population";

        $statement = $db->query($query);
        while($row = $statement->fetch(PDO::FETCH_ASSOC)){
            echo '["'.$row["City"].'",'.$row["People"].'],';
        }

        }catch(PDOException $e){
            $message = '<p>Something went wrong!</p><p>' . $e->getMessage() . '</p>';
        }
        ?>

      ]);

      var options = {
        region: 'GB',
        displayMode: 'markers',
        colorAxis {colors: ['red', 'yellow']}
      };

      var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
      chart.draw(data, options);
    };
        </script>
      </head>
      <body>
        <div id="chart_div" style="width: 900px; height: 500px;"></div>
      </body>
    </html>

PHP 仅在将数据添加到“数据”变量时使用，在 php 部分之后，应包含以下内容:

var data = google.visualization.arrayToDataTable([

["City","Population"],["London",7172091],["Bristol",420556],["Liverpool",469017],["Leeds",443247],["Birmingham",970892],["Manchester",394269],["Newcastle",655875],["Leicester",330574],["Belfast",276459],["Glasgow",629501],["Sheffield",439866],["Edinburgh",430082]    

]);

在浏览器中运行文件时出现问题，因为没有显示任何内容。使用 'inspect element'，它在行中显示意外的标记错误:

colorAxis {colors: ['red', 'yellow']}

在选项变量中。

我认为这是为 GeoChart 设置 colorAxis 的正确方法？

任何帮助将不胜感激，因为我仍在学习如何使用 PHP 和 SQL。

最佳答案

你只是缺少一个冒号:

var options = {
   region: 'GB',
   displayMode: 'markers',
   colorAxis : {colors: ['red', 'yellow']}
};
             ^

否则你的代码运行良好 -> http://jsfiddle.net/tnxhg08r/

关于php - 在 Google GeoChart 中使用 PHP 处理从数据库中获取的数据，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30314374/

27 4 0
文章推荐： php - 奇怪的学说结果数组结构如果我在 DQL 查询中传递三次与相同的相关实体连接
文章推荐： android - android 5.0 中的布局对齐问题
文章推荐： php - 插入行时，Codeigniter affected_rows 总是返回 0
文章推荐： android - 在 Android 中取消异步任务
可可西里
个人简介

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

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