手把手教你用ECharts畫散點(diǎn)圖和氣泡圖
導(dǎo)讀：散點(diǎn)圖是一種基礎(chǔ)的可視化圖。氣泡圖和散點(diǎn)圖類似，區(qū)別是二維散點(diǎn)圖展現(xiàn)的是兩個(gè)維度信息，而二維氣泡圖可以展現(xiàn)三個(gè)維度的信息。
作者：王大偉
來(lái)源：大數(shù)據(jù)DT（ID：hzdashuju）
option = {
xAxis: {},
yAxis: {},
series: [{
data: [
[2.0, 8.04],
[3.0, 6.95],
[23.0, 7.58],
[18.0, 8.81],
[12.0, 8.33],
[4.0, 9.96],
[16.0, 7.24],
[14.0, 4.26],
[12.0, 10.84],
[10.0, 4.82],
[7.0, 5.68]
],
type: 'scatter'
}]
};option = {
xAxis: {},
yAxis: {},
legend: {
data: ['類別1','類別2']
},
series: [{
name: '類別1',
data: [
[2.0, 8.04],
[3.0, 6.95],
[23.0, 7.58],
[18.0, 8.81],
[12.0, 8.33],
[4.0, 9.96],
[16.0, 7.24],
[14.0, 4.26],
[12.0, 10.84],
[10.0, 4.82],
[7.0, 5.68]
],
type: 'scatter'
},
{
name: '類別2',
data: [
[1.0, 2.04],
[2.0, 15.95],
[26.0, 17.58],
[13.0, 7.81],
[22.0, 5.33],
[14.0, 9.96],
[6.0, 4.24],
[4.0, 4.26],
[22.0, 13.84],
[16.0, 14.82],
[17.0, 15.68]
],
type: 'scatter'
}
]
};
option = {
xAxis: {},
yAxis: {},
legend: {
data: ['類別1','類別2']
},
series: [{
name: '類別1',
data: [
[2.0, 8.04, 10],
[3.0, 6.95, 20],
[23.0, 7.58, 30],
[18.0, 8.81, 15],
[12.0, 8.33, 16],
[4.0, 9.96, 5],
[16.0, 7.24, 18],
[14.0, 4.26, 35],
[12.0, 10.84, 20],
[10.0, 4.82, 50],
[7.0, 5.68, 13]
],
symbolSize: function (data) {
return data[2];
},
type: 'scatter'
},
{
name: '類別2',
data: [
[1.0, 2.04],
[2.0, 15.95],
[26.0, 17.58],
[13.0, 7.81],
[22.0, 5.33],
[14.0, 9.96],
[6.0, 4.24],
[4.0, 4.26],
[22.0, 13.84],
[16.0, 14.82],
[17.0, 15.68]
],
type: 'scatter'
}
]
};
關(guān)于作者：王大偉，畢業(yè)于華東理工大學(xué)，碩士學(xué)歷，目前就職于平安金融壹賬通，從事數(shù)據(jù)挖掘算法工作，擅長(zhǎng)ECharts、Python、自然語(yǔ)言處理、數(shù)據(jù)分析挖掘、機(jī)器學(xué)習(xí)。曾獲微軟最有價(jià)值專家（MVP）榮譽(yù)稱號(hào)。
本文摘編自《ECharts數(shù)據(jù)可視化：入門、實(shí)戰(zhàn)與進(jìn)階》，經(jīng)出版方授權(quán)發(fā)布。
延伸閱讀《ECharts數(shù)據(jù)可視化》
點(diǎn)擊上方鏈接了解及購(gòu)買
轉(zhuǎn)載請(qǐng)聯(lián)系微信：DoctorData
推薦語(yǔ)：ECharts官方推薦，系統(tǒng)全面、由淺入深、注重實(shí)操，帶領(lǐng)讀者快速?gòu)男氯说礁呤帧?/span>
看看作者怎么說
??
評(píng)論
圖片
表情