echarts散点图

Posted 2023-04-14

参考技术A 散点图可以帮助我们推断出变量间的相关性，比如身高和体重的关系

散点的大小不同 symbolSize
散点的颜色不同 itemStyle.color

在series下的type设置为effectScatter

echart 散点图 怎么确认每个像素点有多少数据点集合？

如题
散点图
怎么确认坐标系每个坐标点包含的点数量？

参考技术A 编程狮，随时随地学编程
返回
首页
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。