Javascript 在html中使用sDashboard中的Flotr绘图
我无法在html文件中使用sDashboard显示绘图。我做了以下事情,但情节没有出现Javascript 在html中使用sDashboard中的Flotr绘图,javascript,html,flotr,flotr2,Javascript,Html,Flotr,Flotr2,我无法在html文件中使用sDashboard显示绘图。我做了以下事情,但情节没有出现 <html> <head> <title>EXAMPLE</title> <link type="text/css" href="jquery-ui.css" rel="stylesheet" /> <link href="sDashboard.css" rel="stylesheet"> <script s
<html>
<head>
<title>EXAMPLE</title>
<link type="text/css" href="jquery-ui.css" rel="stylesheet" />
<link href="sDashboard.css" rel="stylesheet">
<script src="jquery-1.8.2.js" type="text/javascript"></script>
<script src="jquery-ui.js" type="text/javascript"></script>
<script src="jquery.dataTables.js"></script>
<script src="flotr2.js" type="text/javascript"></script>
<script src="jquery-sDashboard.js" type="text/javascript"></script>
</head>
<body>
<ul id="myDashboard"></ul>
<script type="text/javascript" >
var tdata = [],i;
for(i=0;i<4*Math.PI;i++){
tdata.push([i,Math.sin(i)]);
}
var widgetDefinitions = [
{ widgetTitle:"Plot Example",
widgetId : "first" ,
widgetType : "chart" ,
widgetContent : {
data : tdata,
options : {points:{show:true}}
}
}
]
$("#myDashboard").sDashboard({
dashboardData : widgetDefinitions
});
</script>
</body>
</html>
例子
var-tdata=[],i;
对于(i=0;i我通过制作我正在使用的tdata的数组解决了我所面临的问题。也就是说,我在[0,]、[1,…]、[2,…]、…]格式中使用了tdata,并在widgetContent中使用了相同的格式。经过一些研究,我使用了以下
tdata = [tdata]
ie我创建了tdata数组,并得到了绘图。关于widgetDefinitions上定义的widgetContent选项,它可以留空,但我仍然得到了绘图。ie
var widgetDefinitions = [
{ widgetTitle:"Plot Example",
widgetId : "first" ,
widgetType : "chart" ,
widgetContent : {
data : tdata,
options : { } //left blank
}
}
]
在我的程序上也很好。关于更详细的选项值,我得到了这个网站提供的好信息