JQuery是一款非常流行的JavaScript庫,它的使用讓Web開發變得更加容易和快速,可以大幅度減少代碼的編寫量,而且功能十分強大。其中,世界散點圖是JQuery中一個很常用的組件,它可以非常直觀地將數據可視化,這對于數據分析和展示非常有幫助。
$(function() { $('#container').highcharts({ chart: { type: 'scatter', zoomType: 'xy' }, title: { text: '世界人口分布' }, subtitle: { text: '根據2010年的數據' }, xAxis: { title: { enabled: true, text: '人口總數' }, startOnTick: true, endOnTick: true, showLastLabel: true }, yAxis: { title: { text: 'GDP(億美元)' } }, tooltip: { headerFormat: '{series.name}
', pointFormat: '{point.name}, x: {point.x}億人, y: {point.y}億美元' }, series: [{ name: '各國數據', color: 'rgba(223, 83, 83, .5)', data: [ { x: 21.6, y: 462.2, name: '中國' }, { x: 9.5, y: 1359, name: '印度' }, { x: 6.7, y: 280, name: '俄羅斯' }, { x: 4.4, y: 261.4, name: '巴西' }, { x: 3.3, y: 603.3, name: '美國' }, { x: 2.2, y: 243.9, name: '印尼' }, { x: 1.7, y: 147.1, name: '日本' }, { x: 1.3, y: 72.3, name: '德國' }, { x: 1.2, y: 75.5, name: '英國' }, { x: 1.1, y: 56.9, name: '法國' }, { x: 0.9, y: 32.5, name: '意大利' } ] }] }); });
以上代碼展示了一個使用JQuery編寫的世界散點圖。這個散點圖展示了世界各個國家的人口總數和GDP(國內生產總值)的關系,并通過比例尺的方式直觀地展示出來。我們可以根據自己的需要修改其中的數據和樣式,以適應不同的數據分析需求。
上一篇jquery 不可編輯
下一篇jquery 主動點擊