3

我无法在我的 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>

我也想使用 Flotr 的默认选项。我试过Flotr.defaultOptions但它没有用。如果 Widet 类型为 Chart widgetContent 的 sDashboard 状态的文档应具有根据 Flotr 文档指定的数据和选项。我在这里做错了什么？小部件框出现，但绘图（正弦图）不出现。

4

2 回答 2

0

我通过制作我正在使用的tdata数组解决了我面临的问题。即，我以 [[0,...],[1,..],[2,..],...] 格式使用 tdata，并在 widgetContent 中使用相同的格式。经过一些研究，我使用了以下

tdata  = [tdata]

即我创建了 tdata 数组。并得到了剧情。

于 2013-12-31T08:58:29.977 回答
0

关于在widgetDefinitions 上定义的widgetContent 的选项，它可以留空，但我仍然得到了情节。IE

var widgetDefinitions = [
{   widgetTitle:"Plot Example",
    widgetId : "first" ,
    widgetType : "chart" , 
    widgetContent : {
    data : tdata,
    options : { } //left blank
    }

}
]

在我的程序上也运行良好。有关更详细的选项值，我得到了这个网站 http://solutoire.com/flotr/docs/options/提供了很好的信息。

于 2013-12-31T11:15:02.223 回答