当前位置:编程学习 > C#/ASP.NET >>

可不可以帮我调试一下这个程序,快疯啦

以下代码的功能是在浏览器中查看时出现折线图,改变文本框中的数据时,折线图中有两个点的位置跟着改变,就是折线发生变化。现在只能在提交的一瞬间改变,之后又恢复成原来的样子,我想得到的就是改变数据并提交后,折线图改变并固定在那个状态,直到下一次改变数据。
废话太多,因为我这些方面的基础很薄弱,希望强人帮帮忙!很急很急!谢谢谢
下面是代码:





<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Dynamics.aspx.cs" Inherits="Dynamics" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
  <title>实时显示</title>
    <meta http-equiv="X-UA-Compatible" content="chrome=1">


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="keywords" content="rgraph html5 canvas basic example" />
<meta name="description" content="RGraph: A basic example" />

<!-- 1/3. Include the RGraph libraries -->
<script src="js/RGraph.common.core.js"></script>
<script src="js/RGraph.common.annotate.js"></script>
<script src="js/RGraph.common.context.js"></script>
<script src="js/RGraph.common.tooltips.js"></script>
<script src="js/RGraph.common.zoom.js" ></script> 
<script src="js/RGraph.common.resizing.js"></script>
<script src="js/RGraph.line.js" ></script> 
<script src="js/RGraph.common.dynamic.js" ></script>

<script>
    function cls() {
        with (event.srcElement)
            if (value == defaultValue) value = "";
    }

</script>
</head>
<body>
<h1>RGraph折线图示例</h1>

<canvas id="line1" width="500" height="250">[请稍候 ...]</canvas>

<form onSubmit="return func();" >

<input type ="text"  id="txt1" onfocus ="cls()"value="20" /><br/>
<input type ="text"  id="txt2" onfocus ="cls()"value="14"/><br/>
<input type = "Submit" Value = "提交" /><br/>


<script type="text/javascript">

    var i = 1;
  

    function func() {

        var r1 = document.getElementById("txt1").value;
        var r2 = document.getElementById("txt2").value;

        var line1 = new RGraph.Line('line1', [r1, 25, 13, r2, 16, 18, 21, 32, 12, 15], [23, 25, 26, 28, 29, 21, 22, 25, 26, 28]);
        line1.Set('chart.title', '折线图示例');
        line1.Set('chart.colors', ['red', 'green']);
        line1.Set('chart.tickmarks', 'circle');
        line1.Set('chart.linewidth', 1);
        line1.Set('chart.background.barcolor1', 'white');
        line1.Set('chart.background.barcolor2', 'white');
        line1.Set('chart.background.grid.autofit', true);
        line1.Set('chart.filled', 'true');
        line1.Set('chart.fillstyle', ['#fcc', '#cfc']);
        //line1.Set('chart.crosshairs', true);

        if (!document.all) {
            line1.Set('chart.tooltips', ['id:tooltip_china', 'id:tooltip_la', 'id:tooltip_plymouth',
                                      'id:tooltip_meadowhall', 'id:tooltip_sydney', 'id:tooltip_toronto',
                                      'id:tooltip_france', 'id:tooltip_norway', 'id:tooltip_sweden',
                                      'id:tooltip_spain', 'id:tooltip_deli', 'id:tooltip_congo',
                                      'id:tooltip_brazil', 'id:tooltip_california', 'id:tooltip_newyork',
                                      'id:tooltip_paris', 'id:tooltip_uk', 'id:tooltip_antartica',
                                      'id:tooltip_sahara', 'id:tooltip_zagreb']);
            line1.Set('chart.tooltips.effect', 'fade');
            line1.Set('chart.contextmenu', [['Zoom in', RGraph.Zoom], ['Cancel', function () { } ]]);
            line1.Set('chart.zoom.delay', 10);
            line1.Set('chart.zoom.frames', 25);
            line1.Set('chart.zoom.vdir', 'center');
        }

        line1.Set('chart.text.angle', 45);
        line1.Set('chart.gutter', 45);
        line1.Set('chart.units.post', '%');
        line1.Set('chart.labels.ingraph', [, , '最低点 (13%)', , , , , '最高点(32%)']);
        line1.Set('chart.noaxes', true);
        line1.Set('chart.background.grid', true);
        line1.Set('chart.yaxispos', 'right');
        line1.Set('chart.ymax', 100);
        line1.Draw();

        return line1;

    }
    if (i == 1) {
        window.onload = func();
        i = i + 1;
    }
       
</script> 

</form>
<div style="display: none">
        <div id="tooltip_china"><b>20%</b><br /><a href="http://www.google.com/#hl=en&source=hp&q=china&aq=f&aql=&aqi=g10&oq=&fp=aa0e561cd8821793">查看明细数据</a></div> 
        <div id="tooltip_la"><b>25%</b><br /></div> 
        <div id="tooltip_plymouth"><b>13%</b><br /></div> 
        <div id="tooltip_meadowhall"><b>14%</b><br /></div> 
        <div id="tooltip_sydney"><b>16%</b><br /></div> 
        <div id="tooltip_toronto"><b>18%</b><br /></div> 
        <div id="tooltip_france"><b>21%</b><br /></div> 
        <div id="tooltip_norway"><b>32%</b><br /></div> 
        <div id="tooltip_sweden"><b>12%</b><br /></div> 
        <div id="tooltip_spain"><b>15%</b><br /></div> 
        <div id="tooltip_deli"><b>Deli</b><br />Hot and humid here</div> 
        <div id="tooltip_congo"><b>Congo</b><br />Not exactly a holiday resort</div> 
        <div id="tooltip_plymouth"><b>Plymouth</b><br />Plenty of surfers here</div> 
        <div id="tooltip_brazil"><b>Brazil</b><br />Fooseball</div> 
        <div id="tooltip_california"><b>Califonia</b><br />"I'll be back..." And he was</div> 
        <div id="tooltip_newyork"><b>New York</b><br />Home of the Friends comedy show</div> 
        <div id="tooltip_paris"><b>Paris</b><br />Ever eaten frogs legs?</div> 
        <div id="tooltip_uk"><b>UK</b><br />Not a place for getting sun-tans</div> 
        <div id="tooltip_antartica"><b>Antartica</b><br />Surprisingly, incorporates the driest place in the world</div> 
        <div id="tooltip_sahara"><b>Sahara</b><br />A questionable film, and a rather hot place</div> 
        <div id="tooltip_zagreb"><b>Zagreb</b><br />Anyone know where this is...?</div> 
    </div> 

</body>
</html>
--------------------编程问答-------------------- 很久以前的问题了  不知道你解决没  可能是提交的问题吧  onSubmit="return func();"试试把提交的响应改成


onSubmit="func();return false"
补充:.NET技术 ,  ASP.NET
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,