我已经开始使用vis.js javascript库了。我在使用以下代码进行绘图时遇到了一些问题:
var mydataset = new vis.DataSet();
var counter =0;
var steps = 50; // number of datapoints will be steps*steps
var thetaStep = 180/steps;
var phiStep = 360/steps;
for (var mytheta = -90; mytheta <= 90; mytheta+=thetaStep)
{
for (var myphi = 0; myphi<=360; myphi+=phiStep)
{
var xcord = (Math.asin(Math.sin(mytheta*(Math.PI/180))*Math.cos(myphi*(Math.PI/180))))*(180/Math.PI);
var ycord = (Math.asin(Math.sin(mytheta*(Math.PI/180))*Math.sin(myphi*(Math.PI/180))))*(180/Math.PI);
var fvalue = Some_random_function(mytheta,myphi);
var zcord = 20*Math.log10(fvalue);
var style = zcord;
mydataset.add({id:counter++,x:xcord,y:ycord,z:zcord,style:style});
}
}
var options = {
width: '1200px',
height: '1000px',
style: 'surface',
showPerspective: true,
showGrid: true,
showShadow: false,
keepAspectRatio: true,
verticalRatio: 0.5,
tooltip:function(point){
return 'value: <b>'+point.z+'</b>';
}
};
var container = document.getElementById('graph');
var graph3d = new vis.Graph3d(container, mydataset, options);
我没有显示图表/图表。但是当我将鼠标悬停在画布区域上时,我得到正常的工具提示指示。我哪里出错..没有图表,但仍显示工具提示。需要更改任何选项.. ??
但是当我使用下面的代码绘制图表时(通过更改xcord和ycord分配)
var xcord = mytheta; //line #10
var ycord = myphi; //line #11
有一些图表和漂亮的工具提示指示。
我有什么地方出错吗?请帮助..提前致谢
还有其他javascript库,我可以在其中绘制Nice Interactive(平移和缩放)3D图形。