# 산점도·거품

> 두 값의 관계. 점 크기로 세 번째 값.

Source: https://82chart.com/docs/scatter/

`type: 'scatter'` 는 `[x, y]` 짝이나 `{ x, y, r }` 점을 받습니다. x가 숫자면 숫자 축이 됩니다. `r` 을 주면 거품 차트가 됩니다(가장 큰 r 이 지름 약 48px, 넓이가 값에 비례).

```js
createChart('#chart', {
  type: 'scatter',
  title: '광고비와 매출',
  xAxis: { title: '광고비(만원)' },
  yAxis: { title: '매출(만원)' },
  numberFormat: 'comma',
  data: {
    series: [
      { name: '검색 광고', data: [{ x: 120, y: 980, r: 14 }, { x: 180, y: 1320, r: 22 }, { x: 260, y: 1610, r: 30 }, { x: 340, y: 1790, r: 26 }] },
      { name: 'SNS 광고', data: [{ x: 90, y: 520, r: 10 }, { x: 150, y: 760, r: 16 }, { x: 230, y: 1010, r: 18 }, { x: 310, y: 1150, r: 20 }] },
    ],
  },
});
```

- 시리즈는 3개까지가 색으로 구분하기 좋습니다. 더 많으면 차트를 나누세요.
- 점 모양은 `pointShape`: `'circle' | 'square' | 'diamond'`.
- x가 날짜면 시간 축이 됩니다.