※ [本文轉錄自 PHP 看板 #1MGcEfD5 ]
作者: mikejhou (Mike) 看板: PHP
標題: [請益] 把PHP欄位自動傳給javascript中
時間: Wed Nov 11 05:37:41 2015
大家好
小弟最近在學vis.js
http://visjs.org/
主要的目的是要完成節點與連線的網路圖如下範例:
http://visjs.org/examples/network/data/scalingNodesEdgesLabels.html
其中不懂的地方是
該如何把資料庫的資料傳給javascript陣列
然後自動產生節點跟連線關係
首先
我有收集好節點資料跟連線關係的資料了
其中節點建立與連線建立的程式碼如下:
<script type="text/javascript">
var nodes=null;
var edges=null;
var network=null;
//以下函示宣告節點
function draw() {
nodes = [
{id:1, value: 3, label: 'Data mining' },
{id:2, value: 3, label: 'Case-based' },
];
//宣告連線關係
edges = [
{from: 1, to: 2, value: 1, title:'兩字詞同時出現1次'},
];
// Instantiate our network object.
var container = document.getElementById('mynetwork');
var data = {
nodes: nodes,
edges: edges
};
var options = {
nodes: {
shape: 'dot',
scaling:{
label: {
min:8,
max:20
}
}
}
};
network = new vis.Network(container, data, options);
}
</script>
我主要是不懂下面這段如何改用PHP+MYSQL傳值
nodes = [
{id:1, value: 3, label: 'Data mining' },
{id:2, value: 3, label: 'Case-based' },
];
//宣告連線關係
edges = [
{from: 1, to: 2, value: 1, title:'兩字詞同時出現1次'},
];
假設說我nodes的建立要使用這些欄位
kid kvalue klabel
要改寫成
nodes=[{id:kid, value:kvalue label:klabel}];
edges建立要使用這些欄位
kfrom kto lvalue lvalue
要改寫成
edges = [
{from: kfrom, to: kto, value:lvalue, title:'兩字詞同時出現+lvalur+次'},
];
另外想問
目前有考慮用ajax的方法
有先用json_encode寫成另一個程式檔 phptojson.php
想要用ajax方法轉
這個方法建議做嗎?
還是說直接在js檔直接抓欄位用for寫進去試試看?