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 のオプションに関しては、空白のままにしておいても、プロットを取得できます。すなわち

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 に答える