介绍
怎么在jQuery中使用HighCharts实现一个2 d回归直线散点效果?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。
1,实例代码:
& lt; ! DOCTYPE html> & lt; html> & lt; head> & lt; meta charset=癠TF-8"祝辞 & lt; title> HighCharts之2 d回归直线的散点& lt;/title> & lt; script 类型=拔谋?javascript", src=癹s/jquery-1.7.2.min.js"祝辞& lt;/script> & lt; script 类型=拔谋?javascript", src=癹s/highcharts.js"祝辞& lt;/script> & lt; script 类型=拔谋?javascript"比; ,,美元(函数(){ ,,,,美元(& # 39;# scatterLine& # 39;) .highcharts ({ ,,,,,,图表:,{ ,,,,,,}, ,,,,,,,{,xAxis://设置X轴最小值和最大值 ,,,,,,,,分钟:,-0.5, ,,,,,,,,马克斯:5.5 ,,,,,,}, ,,,,,,,{,桠溪://设置Y轴最小值和最大值 ,,,,,,,,分钟:,0, ,,,,,,,,马克斯:5 ,,,,,,}, ,,,,,,标题:,{ ,,,,,,,,:,& # 39;(jb51.net)回归直线的散点& # 39; ,,,,,,}, ,,,,,,系列:,[{ ,,,,,,,,类型:,& # 39;行# 39; ,,,,,,,,名字:,& # 39;回归直线& # 39;, ,,,,,,,,数据:,[[0,1.11],[5,4.51]], ,,,,,,,,:标志,{ ,,,,,,,,,,启用:真实 ,,,,,,,,}, ,,,,,,,,:,{ ,,,,,,,,,,盘旋:,{ ,,,,,,,,,,,,,线宽:4,,//设置折线的宽度 ,,,,,,,,,,} ,,,,,,,,}, ,,,,,,,,enableMouseTracking:真实 ,,,,,,},{ ,,,,,,,,类型:,& # 39;散射# 39; ,,,,,,,,名字:,& # 39;散点& # 39;, ,,,,,,,,数据:,(2.2,1.5,3.8,1.5,3.9,4.2,5.6), ,,,,,,,,:标志,{ ,,,,,,,,,,半径:,10,//散点的半径 ,,,,,,,,} ,,,,,,}] ,,,,}); ,,}); & lt;/script> & lt;/head> & lt; body> & lt;才能div id=皊catterLine",祝辞& lt;/div> & lt;/body> & lt;/html>
2,运行效果图:
看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注行业资讯频道,感谢您对的支持。