【问题标题】:SELECT Count from mysql to Google Geo Chart从 mysql 选择计数到谷歌地理图表
【发布时间】:2015-08-17 20:03:24
【问题描述】:

我一直在尝试使用 SELECT Count 从 mysql 数据库中检索数据,因为我得到了一个国家列表,我想计算每个国家/地区在 SovereignState 列中显示的次数到 Google Geo Chart通过浏览,我相信json_encode 应该可以解决问题。

但是,我不知道如何从我的 php 代码中生成 json_encode,然后将其放入图表的 DataTable

这是php代码:

define('DB_NAME', '');
    define('DB_USER', '');
    define('DB_PASSWORD','');
    define('DB_HOST', '');

$conn = new mysqli(DB_HOST, DB_USER, DB_PASSWORD, DB_NAME) ;

    if ($conn->connect_error) {
        die ('Could not connect: ' . $conn->connect_error);
    }

    $sql = "SELECT SovereignState, COUNT(*) FROM Data_2 GROUP BY SovereignState";
    echo $sql;
    //$result = $conn->query($sql);
    $result = $conn->multi_query($sql);

    if(!$result) {
        echo "Could not successdully run query ($sql) from DB: " . mysql_error(); exit;
    }
    echo "<pre>";
    do {
        if ($result = $conn->store_result()) {
            while ($row = $result->fetch_row()) {
                printf("%s - %s\n", $row[0], $row[1]);
            }
            $result->free();
        }           
    } while ($conn->more_results());
    echo "</pre>";

    $conn->close();

这是 google geochart 的 html 代码:

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
    google.load("visualization", "1", {packages:["geochart"]});
    google.setOnLoadCallback(drawRegionsMap);

        function drawRegionsMap() {

            var data = google.visualization.arrayToDataTable([
              ['Country', 'Number'],
                   ]);

            var options = {};
            var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));

            chart.draw(data, options);
        }
</script>

【问题讨论】:

    标签: javascript php mysql charts google-visualization


    【解决方案1】:

    您可以在 PHP 代码中使用 json_encode() 并使用 Ajax 将 JSON 导入到您的 JS 代码中。

    另外,(不推荐)你可以使用&lt;?php myFunction();?&gt;从你的JS代码中调用一个PHP函数,该函数应该返回一个echo json_encode()

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-01-12
      • 1970-01-01
      • 2013-10-14
      相关资源
      最近更新 更多