Skip to main content

氣泡圖

圖片僅供參考,此點圖會浮動 

預覽圖


擾動點圖.png氣泡圖.png

設定值


https://g2.antv.vision/zh/examples/data/bubble.json
( 資料來源:AntV )
格式:
[
{continent: "Americas",Country: "Argentina",LifeExpectancy: 75.32,GDP: 12779.37964,Population: 40301927,},
{continent: "Americas",Country: "Brazil",LifeExpectancy: 72.39,GDP: 9065.800825,Population: 190010647,},
......
]
  • 內距

40, 40, 60, 60
  • 比例尺 Scale

Class( GDPX軸)

linear

列表 設定值
欄位 ClassGDP
類型 cat
刻度數量5
優化數據範圍 開啟
  • 軸座標 Axis

Score( X軸 )
function formatter(value) { return (value / 1000).toFixed(0) + 'k';
列表最小值 設定值0
欄位格式化函數 Score
啟用開啟
位置left
Class( Y軸 )}
列表設定值
欄位Class
啟用開啟
刻度現 - 顏色#A14242
次要刻度 - 數量2
次要刻度 - 顏色#A14242
  • 圖 Geom

點圖(point)
列表 設定值
欄位

Class*ScoreGDP*LifeExpectancy

類型 點圖
顏色欄位 Gradecontinent
形狀 circle
大小欄位

Population

大小參數 44,65
調整欄位 擾動 | Jitter
  • 圖示 Legend

列表 設定值
啟用 開啟
欄位 ClassPopulation
位置
排版 水平
水平偏移量

140

水平間距

80