使用vis.js

时间:2016-06-10 06:07:22

标签: javascript html5 canvas html5-canvas vis.js

我已经开始使用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图形。

0 个答案:

没有答案