在html中使用sDashboard中的Flotr图
在html中使用sDashboard中的Flotr图
提问于 2013-12-31 06:47:58
我无法在我的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类型为图表，则sDashboard状态的文档应该具有根据Flotr文档指定的数据和选项。我在这里做错什么了？将出现小部件框，但不显示绘图(正弦图)。
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-12-31 08:58:29
我通过制作我正在使用的tdata数组来解决我所面临的问题。ie以格式使用tdata [0，...,1，..,2，.，.]并在widgetContent中使用相同的。经过一些研究，我用了以下方法
tdata = [tdata]我创建了tdata数组。得到了阴谋。
Stack Overflow用户
发布于 2013-12-31 11:15:02
关于在widgetContent上定义在widgetDefinitions上的选项，可以将其保留为空白，但我仍然得到了图。即
var widgetDefinitions = [
{ widgetTitle:"Plot Example",
widgetId : "first" ,
widgetType : "chart" ,
widgetContent : {
data : tdata,
options : { } //left blank
}
}
]我的程序也很好。关于更详细的选项值，我得到了这个站点http://solutoire.com/flotr/docs/options/提供的良好信息。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20853122
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号