flot 画图示例

最新推荐文章于 2021-02-17 02:46:25 发布

huhuliuxia

最新推荐文章于 2021-02-17 02:46:25 发布

阅读量607

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： js

本文链接：https://blog.youkuaiyun.com/huhuliuxia/article/details/40826027

js 专栏收录该内容

15 篇文章

订阅专栏

本文介绍如何使用jQuery Flot库绘制时间序列图表，包括配置x轴为时间格式和设置y轴最大值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type='text/javascript' src="jquery.js"></script>
<script type='text/javascript' src="excanvas.js"></script>
<script type='text/javascript' src="jquery.flot.min.js"></script>
<script type='text/javascript' src="jquery.flot.time.js"></script>

<title>无标题文档</title>
</head>

<body>

<script>
function f1(){
var a =[[0,10],[1,20],[2,30]];
$.plot($("#placeholder"), [a,[["01-12",10],["2-12",20],[3,30], [4, 40]] ], {  xaxes: [{ mode: 'time', timeformat: "%m-%d" }],yaxis: { max: 50 } });

}
</script>
<input id="12" type="button" onclick="f1()" value="123"/>
<div id="placeholder" style="width:auto; height:200px"></div>
</body>
</html>