isdynamic，visjs

? ? ? ? ? ? ? ? ? ? ? ? ????Vis.js

??? Vis.js是一個動態的，基于瀏覽器的可視化庫。該庫被設計為易于使用，能處理大量的動態數據。該庫由以下幾部分組成：一是數據集和數據視圖，基于靈活的鍵/值數據集，可以添加，更新和刪除項目，訂閱數據集變化；二是時間軸，用于顯示不同類型的時間軸數據，在時間軸上項目可以交互移動，縮放和操縱；三是圖形，使用節點和邊顯示一個交互式圖形或網絡，也可以是3D graph。

?

isdynamic、?

Timeline

????

vis插件。code：

?

?

iqvia，Network

highlight.js、Code：

Graph2d：

vscode nodejs插件，

Code：

?

visjs中文文檔，Graph3d：

Code：

vis.js官網，<scripttype="text/javascript">

??? vardata = null;

??? vargraph = null;

?

vis官網，???function custom(x, y) {

?????return (Math.sin(x/50) * Math.cos(y/50) * 50 + 50);

??? }

?

viewer.js？??? //Called when the Visualization API is loaded.

???function drawVisualization() {

?????// Create and populate a data table.

?????data = new vis.DataSet();

vscode智能提示js代碼插件、?????// create some nice looking data with sin/cos

?????var counter = 0;

?????var steps = 50;? // number ofdatapoints will be steps*steps

??? ??var axisMax = 314;

?????var axisStep = axisMax / steps;

?????for (var x = 0; x < axisMax; x+=axisStep) {

???????for (var y = 0; y < axisMax; y+=axisStep) {

?????????var value = custom(x,y);

?????????data.add({id:counter++,x:x,y:y,z:value,style:value});

???????}

????? }

?

????? // specifyoptions

????? var options = {

??????? width:? '600px',

??????? height:'600px',

??????? style:'surface',

???????showPerspective: true,

??????? showGrid:true,

??????? showShadow:false,

???????keepAspectRatio: true,

???????verticalRatio: 0.5

????? };

?

????? // Instantiateour graph object.

????? var container =document.getElementById('mygraph');

????? graph = newvis.Graph3d(container, data, options);

??? }

? </script>

參考學習site：

Demo：http://www.cnblogs.com/lhb25/p/dynamic-browser-based-visualization-library.html

http://code.csdn.net/news/2819345

http://www.open-open.com/lib/view/open1397704538250.html

http://blog.csdn.net/shenzhennba/article/details/23877745

?