Scatter 散点图

散点图示例，使用 <g-scatter> 组件。

基础用法

直接使用 <g-scatter> 标签，并传入图表数据即可。

点的大小、颜色

直接使用 <g-scatter> 标签，传入图表数据，通过 size 和 color 属性设置点的大小和颜色。

API

名称	说明	类型	默认值
dbOptions	数据和字段配置项	object	—
options	自定义ECharts配置	object	—
description	空数据描述	string	暂无数据
size	用于设置点大小	string	12
color	用于控制每个点颜色	string	#3971E2

dbOptions API

名称	说明	类型	默认值
xAxisField	X轴字段名	string	—
yAxisField	Y轴字段名	string	—
columns	所有字段定义，包含标题等，title 显示轴名称或图例名，field 绑定字段名, unit 单位	array	—
labelField	用于显示散点标签的字段	string	—
data	图表数据配置	array	—

data API

data 可以接受dataUrl(object & string)或者DataSource(object & array)，对象中可以配置以下属性：

名称	说明	类型	默认值
path	ip地址，开发环境配置代理地址，接口地址	string	—
method	方法	string	get
params	params 、 data 参数	object	—
resPath	接口响应数据 格式如 : 'data/obj/list'	string	'data'
ContentType	content-type	string	application/json;charset=UTF-8
headers	请求头	object	-
transformResponse	格式化数据	function	-

data 可以接受静态数据