前言
小编之前已经跟大家分享过了《D3.js实现柱状图的方法详解》和《D3.js实现折线图的方法详解》这两篇文章,已经介绍过柱状图和折线图了。下面就来说说和这两种非常相似的图表——散点图和气泡图。有需要的朋友们可以参考学习。
散点图和气泡图的实现
还是和之前一样,我们先把简单的画图框架搭起来,添加SVG画布:
<!DOCTYPE html>
<html lang=en>
<head>
<meta charset=UTF-8>
<title>散点图和气泡图</title>
<style>
.container {
margin: 30px auto;
width:
1