jQuery插件HighCharts實(shí)現(xiàn)的2D回歸直線散點(diǎn)效果示例【附demo源碼下載】
本文實(shí)例講述了jQuery插件HighCharts實(shí)現(xiàn)的2D回歸直線散點(diǎn)效果。分享給大家供大家參考,具體如下:
1、實(shí)例代碼:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HighCharts之2D回歸直線的散點(diǎn)</title> <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="js/highcharts.js"></script> <script type="text/javascript"> $(function(){ $('#scatterLine').highcharts({ chart: { }, xAxis: { //設(shè)置X軸最小值和最大值 min: -0.5, max: 5.5 }, yAxis: { //設(shè)置Y軸最小值和最大值 min: 0, max: 5 }, title: { text: '(jb51.net)回歸直線的散點(diǎn)' }, series: [{ type: 'line', name: '回歸直線', data: [[0, 1.11], [5, 4.51]], marker: { enabled: true }, states: { hover: { lineWidth: 4 //設(shè)置折線的寬度 } }, enableMouseTracking: true }, { type: 'scatter', name: '散點(diǎn)', data: [2.2, 1.5, 3.8, 1.5, 3.9, 4.2,5.6], marker: { radius: 10 //散點(diǎn)的半徑 } }] }); }); </script> </head> <body> <div id="scatterLine" style="width: 1200px; height: 500px; margin: 0 auto"></div> </body> </html>
2、運(yùn)行效果圖:
附:完整實(shí)例代碼點(diǎn)擊此處本站下載。
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《jQuery常用插件及用法總結(jié)》、《jquery中Ajax用法總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》及《jquery選擇器用法總結(jié)》
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
- jQuery插件HighCharts繪制的2D堆柱狀圖效果示例【附demo源碼下載】
- jQuery插件HighCharts實(shí)現(xiàn)氣泡圖效果示例【附demo源碼】
- jQuery插件HighCharts繪制2D帶有Legend的餅圖效果示例【附demo源碼下載】
- jQuery插件HighCharts繪制2D圓環(huán)圖效果示例【附demo源碼下載】
- jQuery插件HighCharts繪制2D半圓環(huán)圖效果示例【附demo源碼下載】
- jQuery插件HighCharts繪制2D金字塔圖效果示例【附demo源碼下載】
- jQuery插件HighCharts繪制2D柱狀圖、折線圖和餅圖的組合圖效果示例【附demo源碼下載】
- jQuery插件HighCharts繪制的基本折線圖效果示例【附demo源碼下載】
- jQuery animate()實(shí)現(xiàn)背景色漸變效果的處理方法【使用jQuery.color.js插件】
- 12款經(jīng)典的白富美型—jquery圖片輪播插件—前端開發(fā)必備
- 強(qiáng)烈推薦240多個(gè)jQuery插件提供下載
- jQuery插件HighCharts繪制簡(jiǎn)單2D柱狀圖效果示例【附demo源碼】
相關(guān)文章
ajax異步刷新實(shí)現(xiàn)更新數(shù)據(jù)庫(kù)
下面寫關(guān)于如何把無(wú)刷新的數(shù)據(jù)寫入到數(shù)據(jù)庫(kù)中,需要的朋友可以參考下2012-12-12Jquery結(jié)合HTML5實(shí)現(xiàn)文件上傳
本文給大家介紹的是利用Jquery使用HTML5的FormData屬性實(shí)現(xiàn)對(duì)文件的上傳的方法和實(shí)例,非常的實(shí)用,有需要的小伙伴可以參考下。2015-06-06JQuery DIV 動(dòng)態(tài)隱藏和顯示的方法
這篇文章主要介紹了JQuery DIV 動(dòng)態(tài)隱藏和顯示的方法的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06JQuery插件Marquee.js實(shí)現(xiàn)無(wú)縫滾動(dòng)效果
這篇文章主要介紹了JQuery插件Marquee.js實(shí)現(xiàn)無(wú)縫滾動(dòng)效果的相關(guān)資料,需要的朋友可以參考下2016-04-04jQuery Easyui 驗(yàn)證兩次密碼輸入是否相等
easyui是一種基于jQuery的用戶界面插件集合。接下來(lái)通過(guò)本文給大家介紹jQuery Easyui 驗(yàn)證兩次密碼輸入是否相等的相關(guān)知識(shí),感興趣的朋友一起學(xué)習(xí)吧2016-05-05html+jQuery實(shí)現(xiàn)拖動(dòng)滑塊圖片拼圖驗(yàn)證碼插件【移動(dòng)端適用】
這篇文章主要介紹了html+jQuery實(shí)現(xiàn)拖動(dòng)滑塊圖片拼圖驗(yàn)證碼插件,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-09-09- jQuery是目前使用最廣泛的javascript函數(shù)庫(kù)。據(jù)統(tǒng)計(jì),全世界排名前100萬(wàn)的網(wǎng)站,有46%使用jQuery,遠(yuǎn)遠(yuǎn)超過(guò)其他庫(kù)。微軟公司甚至把jQuery作為他們的官方庫(kù)。對(duì)于網(wǎng)頁(yè)開發(fā)者來(lái)說(shuō),學(xué)會(huì)jQuery是必要的。因?yàn)樗屇懔私鈽I(yè)界最通用的技術(shù),為將來(lái)學(xué)習(xí)更高級(jí)的庫(kù)打下基礎(chǔ),并且確實(shí)可以很輕松地做出許多復(fù)雜的效果2014-03-03