如何显示树状地图图表从谷歌图表使用php
How to show Treemap chart from Google chart using php?
当我想在浏览器中显示我的树状图时,我遇到了问题。当我调用testingTreemap.php时,浏览器没有显示任何内容,只有标题。我不知道如何将我的数据设置为树形图中的值。
这是我的testingTreemap.phpgoogle.charts.load('current', {'packages':['treemap']});
google.charts.setOnLoadCallback(drawChart);
function drawChart(){
//var dataFromPHP = <?php echo file_get_contents('clientdata.json'); ?>;
$dataFromPHP = file_get_contents('clientdata.json');
$json = json_decode($dataFromPHP, TRUE);
// console.log(dump_dataFromPHP);
$provinsi = 'SELECT provinsi , LEFT(provinsi, '') AS lala FROM data_client';
$query = 'SELECT provinsi ,kode_sales, gaji, count(kode_sales) AS T_nasabah FROM data_client GROUP BY kode_sales';
//var newData = [];
['Location', 'Parent' , 'Size', 'Color'];
$exec = mysqli_query($con,$query);
$execProv = mysqli_query($con,$provinsi);
echo "['".$row['lala']."'," null, 0, 0"],";
while($row = mysqli_fetch_array($execProv)){
echo "['".$row['provinsi']."','".$row['lala']."',"0,0"],";
}
while($row = mysqli_fetch_array($exec)){
echo "['".$row['kode_sales']."','".$row['provinsi']."',".$row['gaji'].",".$row['T_nasabah']."],";
}
//console.log(dataFromPHP);
console.log((data));
tree = new google.visualization.TreeMap(document.getElementById('chart_div'));
tree.draw(data, {
minColor: '#f00',
midColor: '#ddd',
maxColor: '#0d0',
headerHeight: 15,
fontColor: 'black',
showScale: true
});
chart.draw(data, options);
}
})
总是得到"SyntaxError: missing;在这行(顺便说一句,我得到这行后,我运行php文件,从谷歌Chrome>右键单击>检查元素>控制台)
function drawChart(){
//var dataFromPHP = [
{
"kode_client": "CLI01", <<<------- SyntaxError: missing ; before statement
"nama": "Edo",
"tanggal_lahir": "01'/05'/1967",
"alamat": "Nusa Hijau",
"telp": "085634234",
"produk": "Titanium",
"gaji": "5000000",
"cabang": "Bandung",
"provinsi": "Jawa Barat",
"kode_sales": "CLI02"
},
{
"kode_client": "CLI02",
"nama": "Santoso Imam",
"tanggal_lahir": "15'/12'/1979",
"alamat": "Padasuka",
"telp": "08513087645",
"produk": "Investra Link",
"gaji": "4500000",
"cabang": "Cimahi",
"provinsi": "Jawa Tengah",
"kode_sales": "SAL04"
}
在加载google charts时建议使用以下库…
<script src="https://www.gstatic.com/charts/loader.js"></script>
,如果使用loader.js
, 加载语句是不正确的…
google.charts.load('visualization', {packages:['treemap']}); //<-- wrong
应该……
google.charts.load('current', {'packages':['treemap']});
第一个参数应该是加载
的版本。当使用旧的jsapi
库时,
load语句看起来像这样…
google.load('visualization', '1', {packages:['treemap']});
但是根据发行说明
通过
jsapi
加载器仍然可用的Google Charts版本不再持续更新。
编辑
这一行是不正确的…
echo "['".$row['provinsi']."','".$row['lala']."',"0,0"],";
改变……
echo "['".$row['provinsi']."','".$row['lala']."',0,0],";
- PHP谷歌地图-位置红色气球没有显示
- 在SVG地图上添加水的渐变,就像在谷歌地图(PHP/JS)中一样
- 将本地MySQL数据库与PHP&谷歌地图上的JavaScript
- 谷歌地图,PHP和Postgres
- Javascript-将谷歌趋势url中的数据保存到PHP数组中
- PHP Cookies使用谷歌活动URL中的变量
- 如何在php JSON编码结果中包含谷歌分析
- 使用PHP/MMySQL在谷歌地图上形成标记的XML文件
- (PHP&JavaScript)a href添加按钮赢得'我不适用于Mozilla,但适用于IE和谷歌
- 将PHP变量传递给javascript,以显示IP在谷歌地图上的位置
- 谷歌地图动态中心点PHP
- 在谷歌地图中从PHP中的值设置折线
- 如何使用谷歌地理编码API和PHP获取用户的当前位置
- 通过 JSON 从 php 脚本显示谷歌图表
- 谷歌登录API - 如何使用PHP注销某人
- 谷歌地图 - 通过使用php检索纬度和纵向来显示地图和标记
- PHP 在谷歌地图上显示多维数组值
- 谷歌新的“No Captcha reCaptcha”和表单页面和php和javascript的问题
- 我的谷歌地图在PHP中不起作用
- WordPress php 数组到 js 数组以在谷歌地图中使用