62,268
社区成员
发帖
与我相关
我的任务
分享可不可以帮我调试一下这个程序，快疯啦
以下代码的功能是在浏览器中查看时出现折线图，改变文本框中的数据时，折线图中有两个点的位置跟着改变，就是折线发生变化。现在只能在提交的一瞬间改变，之后又恢复成原来的样子，我想得到的就是改变数据并提交后，折线图改变并固定在那个状态，直到下一次改变数据。
废话太多，因为我这些方面的基础很薄弱，希望强人帮帮忙！很急很急！谢谢谢
下面是代码：
<%@ 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>
废话太多，因为我这些方面的基础很薄弱，希望强人帮帮忙！很急很急！谢谢谢
下面是代码：
<%@ 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>
...全文
请发表友善的回复…
发表回复
happyxx2010 2012-10-15
- 打赏
- 举报
很久以前的问题了 不知道你解决没 可能是提交的问题吧 onSubmit="return func();"试试把提交的响应改成
onSubmit="func();return false"
onSubmit="func();return false"
