手把手教你用ECharts畫散點圖和氣泡圖
導(dǎo)讀:散點圖是一種基礎(chǔ)的可視化圖。氣泡圖和散點圖類似,區(qū)別是二維散點圖展現(xiàn)的是兩個維度信息,而二維氣泡圖可以展現(xiàn)三個維度的信息。
作者:王大偉
來源:大數(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ù)挖掘算法工作,擅長ECharts、Python、自然語言處理、數(shù)據(jù)分析挖掘、機器學(xué)習(xí)。曾獲微軟最有價值專家(MVP)榮譽稱號。
本文摘編自《ECharts數(shù)據(jù)可視化:入門、實戰(zhàn)與進階》,經(jīng)出版方授權(quán)發(fā)布。

延伸閱讀《ECharts數(shù)據(jù)可視化》
點擊上方鏈接了解及購買
轉(zhuǎn)載請聯(lián)系微信:DoctorData
推薦語:ECharts官方推薦,系統(tǒng)全面、由淺入深、注重實操,帶領(lǐng)讀者快速從新人到高手。
看看作者怎么說
??

評論
圖片
表情
