![](/assets/img/weixin-blog.311ae013.png)
技术咨询、项目合作、广告投放、简历咨询、技术文档下载
点击这里 联系博主
![](/images/oview/qrcode.png)
# 一、 散点图基础构建
<p class="item-desc">散点图</p>
<o-chart
:data="pointData"
:legend="legend"
:col-defs="normalColumnConfig"
:chart-config="chartConfig()"
>
<o-point
:axis="normaAxis"
position="height*weight"
color-field="gender"
:chart-style="{fillOpacity: 0.65}"
></o-point>
</o-chart>
这是一个光滑散点图的案例,其中包括的配置项,
- 必须有的是data和position;
- col-defs:对提供的每个数据进行配置,
- legend:显示图例,
- axis:坐标系配置,
- color-field:对数据中的那个字段显示颜色
说明:
- 坐标轴position为必传项。
- 公用配置信息已在前文提及,请查阅
样例中有散点图和气泡图其不同之处在于对每一项的配置不同而已,如您需要实现其中的某一部分请看样例源码 (opens new window) ,查看具体配置,具体配置信息和作用已在前文和下文中注明,请查阅。
# 二、散点图额外配置
# shape(散点图的形状)
- 是否必须:False
- 参数类型:枚举 ['circle', 'hollowCircle', 'rect' ] 中的一个
- 默认:circle
- 说明:只支持接收一个参数,指定几何图像对象绘制的形状
- 本文链接: https://mrgaogang.github.io/article/oview/chart/point.html
- 版权声明: 本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 许可协议。转载请注明出处!