返回
首頁
ECharts 教程
ECharts如何實現散點圖
在 ECharts 系列中通過使用 series[i]-scatter 來實現散點（氣泡）圖。直角坐標系上的散點圖可以用來展現數據的 x，y 之間的關系，如果數據項有多個維度，其它維度的值可以通過不同大小的 symbol 展現成氣泡圖，也可以用顏色來表現。這些可以配合 visualMap 組件完成。
ECharts如何實現散點圖
點擊編輯實例 》》
ECharts 散點圖可以應用在直角坐標系，極坐標系，地理坐標系上。
Tip: ECharts 2.x 中在地圖上通過 markPoint 標記大量數據點方式在 ECharts 3 中建議通過地理坐標系上的 scatter 實現。下面示例就是在中國地圖上用散點圖展現了空氣質量的分布。並且用 visualMap 組件將 PM2.5 映射到了顏色。
series[i]-scatter.type
設置 ECharts 散點圖，取值為 string 類型，此處的值為 scatter。
series[i]-scatter.name
設置散點圖系列的名稱，取值類型為 string用於 tooltip 的顯示，legend 的圖例篩選，在 setOption 更新數據和配置項時用於指定對應的系列。
series[i]-scatter.coordinateSystem
散點圖系列使用的坐標系，值類型為 string，默認值為 cartesian2d；以下是可選的取值：
'cartesian2d'：使用二維的直角坐標系（也稱笛卡爾坐標系），通過 xAxisIndex, yAxisIndex指定相應的坐標軸組件。
'polar'：使用極坐標系，通過 polarIndex 指定相應的極坐標組件
'geo'：使用地理坐標系，通過 geoIndex 指定相應的地理坐標系組件。
series[i]-scatter.xAxisIndex
散點圖使用的 x 軸的 index，在單個圖表實例中存在多個 x 軸的時候有用。取值類型為 number，默認值為 0。
series[i]-scatter.yAxisIndex
散點圖使用的 y 軸的 index，在單個圖表實例中存在多個 y 軸的時候有用。取值類型為 number，默認值為 0。
series[i]-scatter.polarIndex
散點圖使用的極坐標系的 index，在單個圖表實例中存在多個極坐標系的時候有用。取值類型為 number，默認值為 0。