介绍 & lt; ! DOCTYPE html>
& lt; html>
& lt;才能head>
,,,& lt; meta charset=& # 39; utf - 8 # 39;比;
,,,& lt; title>折线图& lt;/title>
,,,& lt; !——(if lte IE 8]比;
,,,,,& lt; script 语言=癹avascript",类型=拔谋?javascript" https://www.yisu.com/zixun/, src=" js/excanvas.min.js ">
<脚本语言=" javascript " type=" text/javascript " src=" js/jquery.js ">
<脚本语言=" javascript " type=" text/javascript " src=" js/jquery.flot.js ">
<脚本type=" text/javascript”>
$(函数(){
AlPriceQuery ();
});
函数AlPriceQuery () {
var={结果
AvgPrice: [14030, 13980, 14060, 14000, 13930, 14030, 13980, 14060, 14000, 13930]。
日期:[“十一”、“战绩”,“由”,“剩下的”,“把”、“11:6”,“11-7”,“11”,“11-9”,“11”),
}
var DataArr=[];//y轴数据
var TickArr=[];//x轴自定义刻度数据
var PriceArr=[];//价格
(var=0;我 0){
(.plot美元(“#占位符”),数据集,选项);
$(" #占位符”).UseTooltip ();
}
}//提示框
函数ShowTooltip (x, y,颜色、内容){
$ ('
身体
本篇文章给大家分享的是有关使用jquery.flot。js怎么绘制一个折线图,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。
1,完整实例代码:
+内容+
) . css ({
位置:“绝对”,
显示:“没有”,
上图:y - 40,
左:x - 120,
边界:“2 px固体”+颜色,
填充:“3 px”,
“字体大小”:“9 px”,
“border - radius”:“5 px”,
“背景颜色”:“# fff”,
“字体类型”:“Verdana, Arial, Helvetica,大河马字体,无衬线”,
透明度:0.9
}).appendTo(“身体”).fadeIn (200);
}> 头
身体<>