利用Javascript绘制坐标曲线图的问题！！十万火急啊！！

各位大哥！
     小弟从数据库读出坐标的X、Y轴坐标，想利用Javascript绘制坐标曲线，当鼠标停留在坐标区域的某一点时，可以显示该点的X和Y坐标，网上有一些介绍，但很多不合自己的需求，求各位大侠们帮帮忙啊！！！！十万火急啊。

解决方案 »

  1.   

    这个应该不很复杂，首先选定一个点为原点，把你读出的坐标位置添加圆点作为曲线上一点就行了了，而显示坐标可以用一个div弹出，网上很多这样的东东
      

  2.   

    使用JS画曲线，不好实现吧。还是使用SVG或者Flash吧，这样的更简单一些。
      

  3.   

    try this:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>坐标点</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    </head> <body>
    <script type="text/javascript">
    window.onload = function() {
    var zuobiao = [[-10,20],[-20,20],[30,-20],[-10,30],[10,-40],[-40,20],[90,60],[100,200],[180,250],[130,210]];
    var o = [400, 350]; for(var i=0;i<zuobiao.length;i++){
    var b=document.createElement('div');
    var left = o[0] + zuobiao[i][0]+'px;';
    var top = o[1] - zuobiao[i][1]+'px;';
    b.style.cssText='position:absolute;left:'+left+'top:'+top+'width:10px;height:10px;color:red;';
    b.innerHTML='●';
    document.body.appendChild(b); b.onmouseenter=function(){
    alert('x:'+(this.style.posLeft-o[0])+', y:'+(o[1]-this.style.posTop));
    }
    }
    }
    </script>
    </body>
    </html>
      

  4.   

    有个开源的JQuery插件叫Flot可以很方便的绘图的你看看是否可以用，最好不要自己写，浏览器的兼容性会
    把你累死的。我当初试过一次，苦不堪言
      

  5.   

    yes
    5＃的只能在ie下会弹出，因为ff等浏览器的鼠标事件和ie不同，需要修改