圖表未顯示（Google圖表+ Codeigniter）
[英]Chart is not displaying (google charts + codeigniter)
問題描述
我正在嘗試顯示一個簡單的圖表，但未在localhost上顯示。 我正在使用Codeigniter Framework + Google圖表。
我想顯示這個簡單的圖表： 圖表
Data_model.php ：
defined('BASEPATH') OR exit('No direct script access allowed');
class Data_model extends CI_Model {
private $performance = 'sportoviska_zakaznici';
function __construct() {
}
function get_chart_data() {
return $this->db->query('SELECT pohlavie, count(*) as counts FROM sportoviska_zakaznici GROUP BY rok')->result_array();
}
}
Charts.php （控制器）：
class Charts extends CI_Controller {
function __Construct() {
parent::__Construct();
$this->load->helper(array('form', 'url'));
$this->load->model('data_model', 'chart');
}
public function index()
{
$data['chart_data'] = $this->chart->get_chart_data();
$this->load->view('uvodna_stranka', $data);
}
}
uvodna_stranka.php （查看）：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title></title>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript">
// Load the Visualization API and the line package.
// google.charts.load('current', {'packages':['bar', 'timeline']});
google.charts.load('current', {'packages':['corechart']});
// Set a callback to run when the Google Visualization API is loaded.
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['pohlavie', 'counts'}],
<?php
foreach ($chart_data as $data) {
echo "['".$data["pohlavie"]."', ".$data["counts"]."],";
}
?>
var options = {
title: 'Company Performance'
};
var chart = new google.visualization.PieChart(document.getElementById('piechart'));
chart.draw(data, options);
}
</script>
</head>
<body>
<b>Bla bla<b>
<div id="piechart" style="width: 900px;"></div>
</body>
</html>
我正在嘗試顯示以下MySQL表中的數據： Mysql表
當我嘗試從本地主機圖表訪問它時，未顯示。 外觀如下： 圖片
那是什么問題呢？
2 個解決方案
解決方案1
0 已采納 2019-05-02 11:06:23
您可以檢查瀏覽器的控制台是否有錯誤（大多數情況下按F12鍵）
這里有幾個問題...
var data = google.visualization.arrayToDataTable([
['pohlavie', 'counts'}],
<?php
foreach ($chart_data as $data) {
echo "['".$data["pohlavie"]."', ".$data["counts"]."],";
}
?>
首先，在-> 'counts'}之后有一個結束的花括號
去掉它...
接下來，數據數組沒有大括號-> ]);
更改為...
var data = google.visualization.arrayToDataTable([
['pohlavie', 'counts'],
<?php
foreach ($chart_data as $data) {
echo "['".$data["pohlavie"]."', ".$data["counts"]."],";
}
?>
]);
解決方案2
0 2019-05-02 11:06:51
首先，您有語法問題，在['pohlavie'，'counts' } ]中有一個右括號，我認為它甚至沒有打開或有任何海豚。
然后，當您擁有數據時，就永遠不會關閉該函數中的標記：
var data = google.visualization.arrayToDataTable([
['pohlavie', 'counts'}],
<?php
foreach ($chart_data as $data) {
echo "['".$data["pohlavie"]."', ".$data["counts"]."],";
}
我進入https://developers.google.com/chart/interactive/docs/drawing_charts ，發現您可能應該使用以下第一個示例。 在您的情況下，它應遵循以下內容而不是var數據 ：
data = new google.visualization.DataTable();
data.addColumn('string', 'pohlavie');
data.addColumn('number', 'counts');
data.addRows([
<?php
foreach ($chart_data as $data) {
echo '["'.$data["pohlavie"].'","'.$data["counts"].'"]';
}
?>
]);
只是為了確保您應該查看Google圖表文檔的示例。
谷歌圖表API-餅圖未顯示
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.