Javascript 动态图未显示点,无错误
我试图显示一个图形使用动态图,但有很多困难。将显示图形框架,但不显示任何点。没有出现错误消息。请看下面我的简单图表Javascript 动态图未显示点,无错误,javascript,graphing,Javascript,Graphing,我试图显示一个图形使用动态图,但有很多困难。将显示图形框架,但不显示任何点。没有出现错误消息。请看下面我的简单图表 <html> <head> <script type="text/javascript" src="dygraph-combined.js"></script> </head> <body> <br> <div id="graphdiv" style="width:960px; height:
<html>
<head>
<script type="text/javascript" src="dygraph-combined.js"></script>
</head>
<body>
<br>
<div id="graphdiv" style="width:960px; height:320px;"></div>
<div>
<form>
<h1>Should I Buy It?</h1>
Amount: $<input type="text" name="amount"><br>
Date: <input type="date" name="dateinput" id="dateinput">
<input type="submit" name="submit" value="Should I Buy It?">
</form>
</div>
<script type="text/javascript">
function nameAnnotation(ann) {
return "(" + ann.series + ", " + ann.x + ")";
};
var data = [];
data.push([ "Date", "Series1", "Error" ]);
data.push(["2007/01/01",10000,1]);
data.push(["2007/01/02",9463.777815,16]);
data.push(["2007/01/03",8748.659709,31]);
data.push(["2007/01/04",7779.545394,46]);
data.push(["2007/01/05",6846.280611,61]);
data.push(["2007/01/06",6042.265704,76]);
data.push(["2007/01/07",5052.064845,91]);
data.push(["2007/01/08",4089.830899,106]);
data.push(["2007/01/09",3195.631158,121]);
data.push(["2007/01/10",2541.901849,136]);
data.push(["2007/01/11",1805.774559,151]);
data.push(["2007/01/12",1167.31813,166]);
data.push(["2007/01/13",433.566787,181]);
data.push(["2007/01/14",-475.4670651,196]);
data.push(["2007/01/15",-1171.779711,211]);
data.push(["2007/01/16",5000,226]);
data.push(["2007/01/17",4091.462451,241]);
data.push(["2007/01/18",3386.055666,256]);
data.push(["2007/01/19",2728.37301,271]);
data.push(["2007/01/20",2167.424525,286]);
data.push(["2007/01/21",1483.230149,301]);
data.push(["2007/01/22",917.4477079,316]);
data.push(["2007/01/23",179.2235937,331]);
data.push(["2007-01-24",-625.1312787,346]);
data.push(["2007/01/25",-1209.343528,361]);
data.push(["2007/01/26",-1832.497902,376]);
data.push(["2007/01/27",-2426.93031,391]);
data.push(["2007/01/28",-2940.290957,406]);
data.push(["2007/01/29",-3745.675041,421]);
data.push(["2007/01/30",-4412.335834,436]);
data.push(["2007/01/31",-5303.819068,451]);
g = new Dygraph(
document.getElementById("graphdiv"),
data
,
{
labels: [ "Date", "Series1", "Error" ],
errorBars: true,
axisLineColor: "red",
sigma: 2.0
}
);
</script>
<div id="list"></div>
</body>
</html>
我应该买吗?
金额:$
日期:
函数名注释(ann){
返回“(“+ann.series+”,“+ann.x+”)”;
};
var数据=[];
数据推送([“日期”,“系列1”,“错误]);
数据推送([“2007/01/01”,10000,1]);
数据推送([“2007/01/02”,9463.777815,16]);
数据推送([“2007/01/03”,8748.659709,31]);
数据推送([“2007/01/04”,7779.545394,46]);
数据推送([“2007/01/05”,6846.280611,61]);
数据推送([“2007/01/06”,6042.265704,76]);
数据推送([“2007/01/07”,5052.064845,91]);
数据推送([“2007/01/08”,4089.830899106]);
数据推送([“2007/01/09”,3195.631158121]);
数据推送([“2007/01/10”,2541.901849136]);
数据推送([“2007/01/11”,1805.774559151]);
数据推送([“2007/01/12”,1167.3181316]);
数据推送([“2007/01/13”,433.566787181]);
数据推送([“2007/01/14”,-475.4670651196]);
数据推送([“2007/01/15”,-1171.779711211]);
数据推送([“2007/01/16”,5000226]);
数据推送([“2007/01/17”,4091.462451241]);
数据推送([“2007/01/18”,3386.055666256]);
数据推送([“2007/01/19”,2728.37301271]);
数据推送([“2007/01/20”,2167.424525286]);
数据推送([“2007/01/21”,1483.230149301]);
数据推送([“2007/01/22”,917.4477079316]);
数据推送([“2007/01/23”,179.2235937331]);
数据推送([“2007-01-24”,-625.1312787346]);
数据推送([“2007/01/25”,-1209.343528361]);
数据推送([“2007/01/26”,-1832.497902376]);
数据推送([“2007/01/27”,-2426.93031391]);
数据推送([“2007/01/28”,-2940.290957406]);
数据推送([“2007/01/29”,-3745.675041421]);
数据推送([“2007/01/30”,-4412.335834436]);
数据推送([“2007/01/31”,-5303.819068451]);
g=新动态图(
document.getElementById(“graphdiv”),
数据
,
{
标签:[“日期”、“系列1”、“错误”],
没错,
axisLineColor:“红色”,
西格玛:2.0
}
);
我认为原因是您的数据设置错误
通过阅读此处的文档:
数据所需的正确设置如下:
- 删除
数据。推送([“日期”、“序列1”、“错误])代码>此信息将以现在的方式放入新动态图的第三个参数中
- 将日期格式从
更改为“2007/01/01”
新日期(“2007/01/01”)
我认为原因是您的数据设置错误 通过阅读此处的文档: 数据所需的正确设置如下:
- 删除
数据。推送([“日期”、“序列1”、“错误])代码>此信息将以现在的方式放入新动态图的第三个参数中
- 将日期格式从
更改为“2007/01/01”
新日期(“2007/01/01”)
我最初对阵列的假设是错误的。从那以后,我更新了我的答案,为您提供了一个解决方案,如果我打开errorBars,我的线路就会消失。我应该发布一个新问题吗?是的。但作为补充,您应该确保正确设置了
errorbar
。请看一看动态图API并研究它们的例子——BarsMy最初关于数组的假设是错误的。从那以后,我更新了我的答案,为您提供了一个解决方案,如果我打开errorBars,我的线路就会消失。我应该发布一个新问题吗?是的。但作为补充,您应该确保正确设置了errorbar
。请看一下动态图API并研究它们的示例-非常感谢BarsThanks。我现在经历的一件事是,如果我输入错误条,图表就会中断。@user1423857如果答案非常感谢,你应该将其标记为正确。我现在经历的一件事是,如果我放入错误条,图形将中断。@user1423857如果答案正确,则应将其标记为正确