JS插件flot画图的问题-CSDN博客

本文链接：https://blog.csdn.net/knwolf123/article/details/6569662

本文解决了一周内遇到的JS引入错误问题，并通过实例展示了如何在不同浏览器下使用JS进行绘图。重点介绍了引入所需JS包及在IE环境下使用的额外JS包，最终实现了正弦和余弦函数的画图效果。

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

纠结了一个星期的问题，终于解决了。由于开始只引入了两个js包

导致一直报错，还有这个错误：

警告 1 更新 JScript IntelliSense 时出错: G:/MyProgram/JSStudy/JSStudy/jquery.js: 对象不支持此属性或方法 @ 33:0 G:/MyProgram/JSStudy/JSStudy/Default.aspx 1 1 JSStudy

不过这样的话，在火狐浏览时没有问题的

如果想在IE用js画图的话，需要引入另外的JS包

最后插入一段代码，js画图示例： <mce:script src="ReferenceFiles/jquery.js" mce_src="ReferenceFiles/jquery.js" type="text/javascript" language="javascript"></mce:script> <mce:script src="ReferenceFiles/jquery.flot.js" mce_src="ReferenceFiles/jquery.flot.js" type="text/javascript" language="javascript"></mce:script> <mce:script type="text/javascript" language="javascript" src="ReferenceFiles/jquery.dataTables.js" mce_src="ReferenceFiles/jquery.dataTables.js"></mce:script> <mce:script type="text/javascript" language="javascript" src="ReferenceFiles/excanvas.min.js" mce_src="ReferenceFiles/excanvas.min.js"></mce:script> $(function(){ alert(1111); var sin = []; for(var i=0;i<Math.PI*2;i+=0.25) sin.push([i,Math.sin(i)]); var cos = []; for(var i=0;i<Math.PI*2;i+=0.25) cos.push([i,Math.cos(i)]); alert(222); $.plot($("#Auction"),[ {label:"正弦函数",data:sin}, {label:"余弦函数",data:cos} ],{ series:{ lines:{show:true}, points:{show:true} }, xaxis: { ticks: [0, [Math.PI/2, "/u03c0/2"], [Math.PI, "/u03c0"], [Math.PI * 3/2, "3/u03c0/2"], [Math.PI * 2, "2/u03c0"]] }, yaxis: { ticks: 6,min: -1.2,max: 1.2}, grid: { backgroundColor: { colors: ["#789", "#eee"] } } } ); alert(333); });

效果如图：