Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/440.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/asp.net/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在html中使用sDashboard中的Flotr绘图_Javascript_Html_Flotr_Flotr2 - Fatal编程技术网

Javascript 在html中使用sDashboard中的Flotr绘图

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文件中使用sDashboard显示绘图。我做了以下事情,但情节没有出现

<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
        }
    
    }
    ]
    
    在我的程序上也很好。关于更详细的选项值,我得到了这个网站提供的好信息