From 2247d967ec2227c1c2de846b670a1dd3993c051b Mon Sep 17 00:00:00 2001
From: kjj6198 <kjj6198@gmail.com>
Date: Sun, 22 Nov 2020 02:11:59 +0900
Subject: [PATCH] move all data to API

---
 src/API.svelte               |   28 +
 src/App.svelte               |   11 +-
 src/BarChart.svelte          |    4 +-
 src/ByPlaceChart.svelte      |   43 +-
 src/GenderChart.svelte       |  113 ++
 src/RelationshipChart.svelte |  145 +-
 src/SexualCaseMap.svelte     |  131 +-
 src/YearSwitch.svelte        |    1 +
 src/data.js                  |  897 -----------
 src/place.js                 |  438 -----
 src/relation.js              | 2930 ----------------------------------
 src/utils/formatNumber.js    |    3 +
 12 files changed, 331 insertions(+), 4413 deletions(-)
 create mode 100644 src/API.svelte
 delete mode 100644 src/data.js
 delete mode 100644 src/place.js
 delete mode 100644 src/relation.js
 create mode 100644 src/utils/formatNumber.js

diff --git a/src/API.svelte b/src/API.svelte
new file mode 100644
index 0000000..2587627
--- /dev/null
+++ b/src/API.svelte
@@ -0,0 +1,28 @@
+<script>
+  import { onMount, createEventDispatcher } from "svelte";
+  const dispatch = createEventDispatcher();
+  let loaded = false;
+  let data;
+  export let api;
+
+  onMount(() => {
+    api()
+      .then((res) => res.json())
+      .then((d) => {
+        loaded = true;
+        data = d;
+      });
+  });
+
+  $: {
+    if (data) {
+      dispatch("loaded", {
+        data: data,
+      });
+    }
+  }
+</script>
+
+{#if loaded}
+  <slot />
+{:else}<span>loading</span>{/if}
diff --git a/src/App.svelte b/src/App.svelte
index 00daae5..d7c80ea 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -1,6 +1,7 @@
 <script>
   import BackgroundImage from "./BackgroundImage.svelte";
   import ByPlaceChart from "./ByPlaceChart.svelte";
+  import GenderChart from "./GenderChart.svelte";
   import RelationshipChart from "./RelationshipChart.svelte";
   import Section from "./Section.svelte";
   import SexualCaseMap from "./SexualCaseMap.svelte";
@@ -35,6 +36,13 @@
     </BackgroundImage>
   </div>
 
+  <Section
+    title="性侵害案件統計"
+    description="台灣歷年性侵害案件統計與男女比例"
+    num={0}>
+    <GenderChart />
+  </Section>
+
   <Section
     title="性侵害發生地點"
     description="台灣有多少性侵害案件，其中又有哪些驚人的數據？我們一起來看看統計資料！"
@@ -61,8 +69,5 @@
     description="將性侵害案件用縣市作劃分，觀察性侵害案件的多寡。點擊地圖中的縣市區域查看詳細的性侵害案件統計。顏色越深代表案件數越多。"
     num={3}>
     <SexualCaseMap />
-    <p>
-      從圖表上可發現，性侵害案件大多集中在直轄市，包含新北市、台中市、台南市、高雄市，其中以新北市居第一，下圖的統計圖表可查看更多。
-    </p>
   </Section>
 </main>
diff --git a/src/BarChart.svelte b/src/BarChart.svelte
index 96099a9..22979e4 100644
--- a/src/BarChart.svelte
+++ b/src/BarChart.svelte
@@ -5,6 +5,7 @@
   import { stack, stackOrderDescending } from "d3-shape";
   import colors from "./utils/colors";
   import { createEventDispatcher } from "svelte";
+  import formatNumber from "./utils/formatNumber";
   export let selected = [];
   export let data = [];
   export let xTicks;
@@ -75,6 +76,7 @@
 <style>
   text {
     font-size: 12px;
+    font-family: Oswald;
   }
 
   line {
@@ -125,7 +127,7 @@
       <text
         x={xScale(+d['總計']) + padding.left + 10}
         y={yScale(d['年齡層']) + 4}>
-        {d['總計']}
+        {formatNumber(d['總計'])}
       </text>
     {/each}
   </g>
diff --git a/src/ByPlaceChart.svelte b/src/ByPlaceChart.svelte
index d86d68e..aea5bc1 100644
--- a/src/ByPlaceChart.svelte
+++ b/src/ByPlaceChart.svelte
@@ -1,16 +1,17 @@
 <script>
   import omit from "lodash/omit";
-  import place from "./place";
   import PlaceChart from "./PlaceChart.svelte";
   import YearSwitch from "./YearSwitch.svelte";
   import RankingTable from "./RankingTable.svelte";
   import chartConfig from "./store/chartConfig";
+  import API from "./API.svelte";
+  let place = [];
   let currentYear = 2018;
-
-  $: data = place.find((p) => p["年份"] === currentYear.toString());
+  let data;
 
   let ranking = [];
 
+  $: data = place.find((p) => p["年份"] === currentYear.toString());
   $: {
     const obj = {};
     Object.keys(omit(data, ["年份"])).forEach((k) => {
@@ -37,17 +38,25 @@
   ];
 </script>
 
-<YearSwitch
-  initialYear={currentYear}
-  years={place.map((d) => +d['年份'])}
-  on:change={(e) => (currentYear = e.detail.year)} />
-<PlaceChart
-  fillColor="var(--main)"
-  barHeight={10}
-  yTicks={Object.keys(omit(place[0], ['年份']))}
-  xTicks={$chartConfig.placeChart.xTicks}
-  {data} />
-<RankingTable
-  caption={currentYear}
-  headers={config}
-  data={ranking.slice(0, 10)} />
+<API
+  on:loaded={(e) => {
+    place = e.detail.data;
+  }}
+  api={() => fetch('https://vdata.kalan.dev/api/v1/data/sexual_assault/place')}>
+  {#if place.length > 0 && data}
+    <YearSwitch
+      initialYear={currentYear}
+      years={place.map((d) => +d['年份'])}
+      on:change={(e) => (currentYear = e.detail.year)} />
+    <PlaceChart
+      fillColor="var(--main)"
+      barHeight={10}
+      yTicks={Object.keys(omit(place[0], ['年份']))}
+      xTicks={$chartConfig.placeChart.xTicks}
+      {data} />
+    <RankingTable
+      caption={currentYear}
+      headers={config}
+      data={ranking.slice(0, 10)} />
+  {/if}
+</API>
diff --git a/src/GenderChart.svelte b/src/GenderChart.svelte
index 49f5fcd..e508767 100644
--- a/src/GenderChart.svelte
+++ b/src/GenderChart.svelte
@@ -1,2 +1,115 @@
 <script>
+  import { fade } from "svelte/transition";
+  import YearSwitch from "./YearSwitch.svelte";
+  import { tweened } from "svelte/motion";
+  export let probability = 0.5;
+  export let total = 100;
+  let currentYear = 2019;
+  let data;
+  let loading = true;
+
+  const res = fetch(
+    "https://vdata.kalan.dev/api/v1/data/sexual_assault/case_year"
+  )
+    .then((res) => res.json())
+    .then((d) => {
+      loading = false;
+      data = d;
+    });
+
+  $: totalAmount = Array.from({ length: total }).fill(0);
+  $: currentData = data
+    ? data.find((data) => data.year === currentYear.toString())
+    : null;
+
+  let femaleCount = tweened(0);
+  let maleCount = tweened(0);
+
+  $: {
+    if (currentData) {
+      femaleCount.set(currentData.female);
+      maleCount.set(currentData.male);
+    }
+  }
 </script>
+
+<style>
+  .container {
+    display: grid;
+    grid-gap: 10px;
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  .inner {
+    display: grid;
+    grid-gap: 10px;
+    grid-template-columns: repeat(10, 40px);
+    grid-template-rows: repeat(10, 65px);
+  }
+
+  .title {
+    color: var(--main);
+    grid-column: 1 / 11;
+  }
+
+  @media screen and (max-width: 960px) {
+    .container {
+      display: block;
+    }
+    .inner {
+      grid-template-columns: repeat(5, 1fr);
+      grid-template-rows: initial;
+    }
+    .title {
+      grid-column: span 5;
+    }
+  }
+</style>
+
+<YearSwitch
+  initialYear={currentYear}
+  years={[2015, 2016, 2017, 2018, 2019]}
+  on:change={(e) => (currentYear = e.detail.year)}>
+  <div class="wrapper" slot="chart">
+    {#if loading}
+      <span>loading</span>
+    {:else if data}
+      <div class="container">
+        <div class="inner">
+          <h2 class="title">女（{Math.floor($femaleCount)} 人）</h2>
+          <p class="title">
+            在受害者當中，每 100 人中有
+            {Math.floor(currentData.probability * 100)}
+            人為女性
+          </p>
+          {#each Array.from({
+            length: currentData.probability * 100,
+          }) as item, i (i)}
+            <img
+              alt="女性"
+              aria-hidden="true"
+              transition:fade
+              src="icons/female.svg" />
+          {/each}
+        </div>
+        <div class="inner">
+          <h2 class="title">男（{Math.floor($maleCount)} 人）</h2>
+          <p class="title">
+            在受害者中，每 100 人中有
+            {Math.floor((1 - currentData.probability) * 100)}
+            人為男性
+          </p>
+          {#each Array.from({
+            length: (1 - currentData.probability) * 100,
+          }) as item, i (i)}
+            <img
+              alt="男性"
+              aria-hidden="true"
+              transition:fade
+              src="icons/male.svg" />
+          {/each}
+        </div>
+      </div>
+    {/if}
+  </div>
+</YearSwitch>
diff --git a/src/RelationshipChart.svelte b/src/RelationshipChart.svelte
index 3f8157a..684b8dc 100644
--- a/src/RelationshipChart.svelte
+++ b/src/RelationshipChart.svelte
@@ -1,7 +1,7 @@
 <script>
   import omit from "lodash/omit";
   import BarChart from "./BarChart.svelte";
-  import relation from "./relation";
+
   import RelationModel from "./models/relation";
   import Tooltip from "./Tooltip.svelte";
   import colors from "./utils/colors";
@@ -10,11 +10,14 @@
   import RankingTable from "./RankingTable.svelte";
   import chartConfig from "./store/chartConfig";
   import viewport from "./store/viewport";
+  import Api from "./API.svelte";
+
   let currentYear = 2018;
+  let relation = null;
 
-  $: currentData = relation[currentYear + "年"].filter(
-    (d) => d["年齡層"] !== "總計"
-  );
+  $: currentData = relation
+    ? relation[currentYear + "年"].filter((d) => d["年齡層"] !== "總計")
+    : [];
 
   $: model = new RelationModel(currentData);
 
@@ -65,68 +68,76 @@
   }
 </style>
 
-<YearSwitch
-  initialYear={2018}
-  years={Object.keys(relation)
-    .map((k) => k.replace('年', ''))
-    .map(Number)}
-  on:change={(e) => (currentYear = e.detail.year)}>
-  <div class="container" slot="chart">
-    {#each Object.keys(omit(currentData[0], ['年齡層', '年份', '總計'])) as key}
-      <button
-        style="border-color: {colors[key]}; background-color: {selected.includes(key) ? colors[key] : '#ffffff'};"
-        class="capsule"
-        class:active={selected.includes(key)}
-        on:click={() => {
-          const idx = selected.findIndex((s) => s === key);
-          if (idx >= 0) {
-            selected = selected.filter((s) => s !== key);
-          } else {
-            selected = selected.concat([key]);
-          }
-        }}>{key}</button>
-    {/each}
-    {#key currentYear}
-      <BarChart
-        {selected}
-        on:show={(e) => {
-          tooltip = true;
-          tooltipData = e.detail.data;
-          const bbox = e.detail.target.getBoundingClientRect();
-          if ($viewport === 'mobile') {
-            tooltipPosition = { x: bbox.width + 80, y: bbox.top - 100 };
-          } else {
-            tooltipPosition = { x: bbox.width + 120, y: bbox.top - 150 };
-          }
-        }}
-        width={$chartConfig.relationChart.width}
-        height={$chartConfig.relationChart.height}
-        on:hide={() => {
-          tooltip = false;
-        }}
-        keys={Object.keys(omit(currentData[0], ['年齡層', '年份', '總計']))}
-        xTicks={step(0, 7000, 1000)}
-        yTicks={currentData.map((d) => d['年齡層'])}
-        data={currentData} />
-    {/key}
-    {#if tooltip}
-      <Tooltip data={tooltipData} position={tooltipPosition} />
-    {/if}
-  </div>
-</YearSwitch>
+<Api
+  api={() => fetch('https://vdata.kalan.dev/api/v1/data/sexual_assault/age_relation')}
+  on:loaded={(e) => (relation = e.detail.data)}>
+  <YearSwitch
+    initialYear={2018}
+    years={Object.keys(relation)
+      .map((k) => k.replace('年', ''))
+      .map(Number)}
+    on:change={(e) => (currentYear = e.detail.year)}>
+    <div class="container" slot="chart">
+      {#each Object.keys(omit(currentData[0], [
+          '年齡層',
+          '年份',
+          '總計',
+        ])) as key}
+        <button
+          style="border-color: {colors[key]}; background-color: {selected.includes(key) ? colors[key] : '#ffffff'};"
+          class="capsule"
+          class:active={selected.includes(key)}
+          on:click={() => {
+            const idx = selected.findIndex((s) => s === key);
+            if (idx >= 0) {
+              selected = selected.filter((s) => s !== key);
+            } else {
+              selected = selected.concat([key]);
+            }
+          }}>{key}</button>
+      {/each}
+      {#key currentYear}
+        <BarChart
+          {selected}
+          on:show={(e) => {
+            tooltip = true;
+            tooltipData = e.detail.data;
+            const bbox = e.detail.target.getBoundingClientRect();
+            if ($viewport === 'mobile') {
+              tooltipPosition = { x: bbox.width + 80, y: bbox.top - 100 };
+            } else {
+              tooltipPosition = { x: bbox.width + 120, y: bbox.top - 150 };
+            }
+          }}
+          width={$chartConfig.relationChart.width}
+          height={$chartConfig.relationChart.height}
+          on:hide={() => {
+            tooltip = false;
+          }}
+          keys={Object.keys(omit(currentData[0], ['年齡層', '年份', '總計']))}
+          xTicks={step(0, 7000, 1000)}
+          yTicks={currentData.map((d) => d['年齡層'])}
+          data={currentData} />
+      {/key}
+      {#if tooltip}
+        <Tooltip data={tooltipData} position={tooltipPosition} />
+      {/if}
+    </div>
+  </YearSwitch>
 
-<hr class="spacer" />
+  <hr class="spacer" />
 
-<YearSwitch
-  initialYear={currentYear}
-  years={Object.keys(relation)
-    .map((k) => k.replace('年', ''))
-    .map(Number)}
-  on:change={(e) => (currentYear = e.detail.year)}>
-  <div slot="chart">
-    <RankingTable
-      caption="受害者與加害者關係 （{currentYear} 年）"
-      {headers}
-      data={model.getRanking().slice(0, 10)} />
-  </div>
-</YearSwitch>
+  <YearSwitch
+    initialYear={currentYear}
+    years={Object.keys(relation)
+      .map((k) => k.replace('年', ''))
+      .map(Number)}
+    on:change={(e) => (currentYear = e.detail.year)}>
+    <div slot="chart">
+      <RankingTable
+        caption="受害者與加害者關係 （{currentYear} 年）"
+        {headers}
+        data={model.getRanking().slice(0, 10)} />
+    </div>
+  </YearSwitch>
+</Api>
diff --git a/src/SexualCaseMap.svelte b/src/SexualCaseMap.svelte
index 908aefa..cd9ece9 100644
--- a/src/SexualCaseMap.svelte
+++ b/src/SexualCaseMap.svelte
@@ -5,36 +5,43 @@
   import extent from "./utils/extent";
   import TaiwanMap from "./TaiwanMap.svelte";
   import YearSwitch from "./YearSwitch.svelte";
-  import data from "./data";
   import taiwanCity from "./constants/taiwanCity";
   import MapTooltip from "./MapTooltip.svelte";
   import Button from "./components/Button.svelte";
+  import Api from "./API.svelte";
+
   let currentYear = 2019;
   let tooltipStatus = "closed";
   let currentCity = "";
-  $: currentData = data.result[currentYear.toString()];
+  let data = null;
+  let currentData = [];
+
+  $: {
+    if (data) {
+      currentData = data[currentYear.toString()];
+    } else {
+      currentData = [];
+    }
+  }
 
   let offset = tweened(0, {
     duration: 400,
     easing: cubicOut,
   });
+  $: console.log(currentData);
+  $: colorScale =
+    currentData.length > 0
+      ? scaleLinear()
+          .domain(extent(currentData, (d) => d["合計"]))
+          .range([93, 24])
+      : null;
 
-  $: colorScale = scaleLinear()
-    .domain(extent(currentData, (d) => d["合計"]))
-    .range([93, 24]);
-
-  $: scaleLabel = [
-    0,
-    200,
-    400,
-    600,
-    800,
-    1000,
-    1200,
-    1400,
-    1600,
-    1800,
-  ].map((n) => [n, `hsl(214, 77%, ${Math.round(colorScale(n))}%)`]);
+  $: scaleLabel = colorScale
+    ? [0, 200, 400, 600, 800, 1000, 1200, 1400, 1600, 1800].map((n) => [
+        n,
+        `hsl(214, 77%, ${Math.round(colorScale(n))}%)`,
+      ])
+    : [];
 
   function openTooltip(city) {
     currentCity = city;
@@ -68,47 +75,51 @@
 </style>
 
 <div class="container">
-  <YearSwitch
-    initialYear={2019}
-    years={[2015, 2016, 2017, 2018, 2019]}
-    on:change={(e) => (currentYear = e.detail.year)}>
-    <div slot="chart">
-      <div class="btn-group">
-        {#each taiwanCity as city (city)}
-          <Button
-            style={city === currentCity ? 'filled' : 'primary'}
-            onClick={() => openTooltip(city)}>
-            {city}
-          </Button>
-        {/each}
-      </div>
-      <div class="scale-label">
-        {#each scaleLabel as label, idx (label[0])}
-          <span class="block" style="background-color: {label[1]}">
-            {#if idx % 3 === 0}<span class="scale"> {label[0]} </span>{/if}
-          </span>
-        {/each}
+  <Api
+    api={() => fetch('https://vdata.kalan.dev/api/v1/data/sexual_assault')}
+    on:loaded={(e) => (data = e.detail.data)}>
+    <YearSwitch
+      initialYear={2019}
+      years={[2015, 2016, 2017, 2018, 2019]}
+      on:change={(e) => (currentYear = e.detail.year)}>
+      <div slot="chart">
+        <div class="btn-group">
+          {#each taiwanCity as city (city)}
+            <Button
+              style={city === currentCity ? 'filled' : 'primary'}
+              onClick={() => openTooltip(city)}>
+              {city}
+            </Button>
+          {/each}
+        </div>
+        <div class="scale-label">
+          {#each scaleLabel as label, idx (label[0])}
+            <span class="block" style="background-color: {label[1]}">
+              {#if idx % 3 === 0}<span class="scale"> {label[0]} </span>{/if}
+            </span>
+          {/each}
+        </div>
+        {#key currentYear}
+          <TaiwanMap
+            transform="translate({$offset}, 0)"
+            on:selected={(e) => {
+              openTooltip(e.detail);
+            }}
+            color={(d) => {
+              const selected = currentData.find((c) => c['縣市'] === d);
+              const color = colorScale(selected['合計']);
+              return `hsl(214, 77%, ${Math.round(color)}%)`;
+            }} />
+        {/key}
       </div>
-      {#key currentYear}
-        <TaiwanMap
-          transform="translate({$offset}, 0)"
-          on:selected={(e) => {
-            openTooltip(e.detail);
-          }}
-          color={(d) => {
-            const selected = currentData.find((c) => c['縣市'] === d);
-            const color = colorScale(selected['合計']);
-            return `hsl(214, 77%, ${Math.round(color)}%)`;
-          }} />
-      {/key}
-    </div>
-  </YearSwitch>
-  {#if tooltipStatus === 'opened'}
-    <MapTooltip
-      on:close={() => {
-        tooltipStatus = 'closed';
-        offset.set(0, { delay: 250 });
-      }}
-      data={currentData.find((c) => c['縣市'] === currentCity)} />
-  {/if}
+    </YearSwitch>
+    {#if tooltipStatus === 'opened'}
+      <MapTooltip
+        on:close={() => {
+          tooltipStatus = 'closed';
+          offset.set(0, { delay: 250 });
+        }}
+        data={currentData.find((c) => c['縣市'] === currentCity)} />
+    {/if}
+  </Api>
 </div>
diff --git a/src/YearSwitch.svelte b/src/YearSwitch.svelte
index eff0f97..44b53c1 100644
--- a/src/YearSwitch.svelte
+++ b/src/YearSwitch.svelte
@@ -90,6 +90,7 @@
 </style>
 
 <div class="year-switch-container">
+  <div hidden role="status">目前選擇的年份為: {years[idx]}年</div>
   <button
     class="prev"
     aria-label="上一年"
diff --git a/src/data.js b/src/data.js
deleted file mode 100644
index 9b5398d..0000000
--- a/src/data.js
+++ /dev/null
@@ -1,897 +0,0 @@
-const data = {
-  result: {
-    2015: [
-      {
-        年份: "2015",
-        男: 241,
-        女: 1456,
-        其他: 0,
-        合計: 1697,
-        縣市: "新北市",
-      },
-      {
-        年份: "2015",
-        男: 146,
-        女: 715,
-        其他: 0,
-        合計: 861,
-        縣市: "台北市",
-      },
-      {
-        年份: "2015",
-        男: 209,
-        女: 979,
-        其他: 0,
-        合計: 1188,
-        縣市: "桃園市",
-      },
-      {
-        年份: "2015",
-        男: 144,
-        女: 985,
-        其他: 1,
-        合計: 1130,
-        縣市: "臺中市",
-      },
-      {
-        年份: "2015",
-        男: 90,
-        女: 502,
-        其他: 0,
-        合計: 592,
-        縣市: "台南市",
-      },
-      {
-        年份: "2015",
-        男: 181,
-        女: 817,
-        其他: 0,
-        合計: 998,
-        縣市: "高雄市",
-      },
-      {
-        年份: "2015",
-        男: 41,
-        女: 247,
-        其他: 0,
-        合計: 288,
-        縣市: "宜蘭縣",
-      },
-      {
-        年份: "2015",
-        男: 46,
-        女: 282,
-        其他: 4,
-        合計: 332,
-        縣市: "新竹縣",
-      },
-      {
-        年份: "2015",
-        男: 30,
-        女: 276,
-        其他: 16,
-        合計: 322,
-        縣市: "苗栗縣",
-      },
-      {
-        年份: "2015",
-        男: 83,
-        女: 408,
-        其他: 24,
-        合計: 515,
-        縣市: "彰化縣",
-      },
-      {
-        年份: "2015",
-        男: 26,
-        女: 214,
-        其他: 6,
-        合計: 246,
-        縣市: "南投縣",
-      },
-      {
-        年份: "2015",
-        男: 21,
-        女: 219,
-        其他: 10,
-        合計: 250,
-        縣市: "雲林縣",
-      },
-      {
-        年份: "2015",
-        男: 37,
-        女: 184,
-        其他: 24,
-        合計: 245,
-        縣市: "嘉義縣",
-      },
-      {
-        年份: "2015",
-        男: 62,
-        女: 315,
-        其他: 12,
-        合計: 389,
-        縣市: "屏東縣",
-      },
-      {
-        年份: "2015",
-        男: 26,
-        女: 160,
-        其他: 5,
-        合計: 191,
-        縣市: "臺東縣",
-      },
-      {
-        年份: "2015",
-        男: 74,
-        女: 247,
-        其他: 4,
-        合計: 325,
-        縣市: "花蓮縣",
-      },
-      {
-        年份: "2015",
-        男: 2,
-        女: 26,
-        其他: 0,
-        合計: 28,
-        縣市: "澎湖縣",
-      },
-      {
-        年份: "2015",
-        男: 33,
-        女: 159,
-        其他: 9,
-        合計: 201,
-        縣市: "基隆市",
-      },
-      {
-        年份: "2015",
-        男: 50,
-        女: 185,
-        其他: 20,
-        合計: 255,
-        縣市: "新竹市",
-      },
-      {
-        年份: "2015",
-        男: 17,
-        女: 116,
-        其他: 10,
-        合計: 143,
-        縣市: "嘉義市",
-      },
-      {
-        年份: "2015",
-        男: 0,
-        女: 18,
-        其他: 1,
-        合計: 19,
-        縣市: "金門縣",
-      },
-      {
-        年份: "2015",
-        男: 0,
-        女: 4,
-        其他: 0,
-        合計: 4,
-        縣市: "連江縣",
-      },
-    ],
-    2016: [
-      {
-        年份: "2016",
-        男: 166,
-        女: 1203,
-        其他: 71,
-        合計: 1440,
-        縣市: "新北市",
-      },
-      {
-        年份: "2016",
-        男: 128,
-        女: 595,
-        其他: 32,
-        合計: 755,
-        縣市: "台北市",
-      },
-      {
-        年份: "2016",
-        男: 159,
-        女: 786,
-        其他: 35,
-        合計: 980,
-        縣市: "桃園市",
-      },
-      {
-        年份: "2016",
-        男: 134,
-        女: 848,
-        其他: 31,
-        合計: 1013,
-        縣市: "臺中市",
-      },
-      {
-        年份: "2016",
-        男: 56,
-        女: 380,
-        其他: 7,
-        合計: 443,
-        縣市: "台南市",
-      },
-      {
-        年份: "2016",
-        男: 145,
-        女: 686,
-        其他: 4,
-        合計: 835,
-        縣市: "高雄市",
-      },
-      {
-        年份: "2016",
-        男: 18,
-        女: 149,
-        其他: 3,
-        合計: 170,
-        縣市: "宜蘭縣",
-      },
-      {
-        年份: "2016",
-        男: 40,
-        女: 209,
-        其他: 4,
-        合計: 253,
-        縣市: "新竹縣",
-      },
-      {
-        年份: "2016",
-        男: 17,
-        女: 144,
-        其他: 4,
-        合計: 165,
-        縣市: "苗栗縣",
-      },
-      {
-        年份: "2016",
-        男: 65,
-        女: 338,
-        其他: 10,
-        合計: 413,
-        縣市: "彰化縣",
-      },
-      {
-        年份: "2016",
-        男: 32,
-        女: 155,
-        其他: 0,
-        合計: 187,
-        縣市: "南投縣",
-      },
-      {
-        年份: "2016",
-        男: 34,
-        女: 154,
-        其他: 6,
-        合計: 194,
-        縣市: "雲林縣",
-      },
-      {
-        年份: "2016",
-        男: 17,
-        女: 109,
-        其他: 12,
-        合計: 138,
-        縣市: "嘉義縣",
-      },
-      {
-        年份: "2016",
-        男: 27,
-        女: 262,
-        其他: 6,
-        合計: 295,
-        縣市: "屏東縣",
-      },
-      {
-        年份: "2016",
-        男: 33,
-        女: 121,
-        其他: 6,
-        合計: 160,
-        縣市: "臺東縣",
-      },
-      {
-        年份: "2016",
-        男: 33,
-        女: 182,
-        其他: 2,
-        合計: 217,
-        縣市: "花蓮縣",
-      },
-      {
-        年份: "2016",
-        男: 0,
-        女: 12,
-        其他: 0,
-        合計: 12,
-        縣市: "澎湖縣",
-      },
-      {
-        年份: "2016",
-        男: 23,
-        女: 157,
-        其他: 2,
-        合計: 182,
-        縣市: "基隆市",
-      },
-      {
-        年份: "2016",
-        男: 25,
-        女: 134,
-        其他: 8,
-        合計: 167,
-        縣市: "新竹市",
-      },
-      {
-        年份: "2016",
-        男: 6,
-        女: 87,
-        其他: 5,
-        合計: 98,
-        縣市: "嘉義市",
-      },
-      {
-        年份: "2016",
-        男: 0,
-        女: 20,
-        其他: 0,
-        合計: 20,
-        縣市: "金門縣",
-      },
-      {
-        年份: "2016",
-        男: 1,
-        女: 3,
-        其他: 0,
-        合計: 4,
-        縣市: "連江縣",
-      },
-    ],
-    2017: [
-      {
-        年份: "2017",
-        男: 245,
-        女: 1202,
-        其他: 55,
-        合計: 1502,
-        縣市: "新北市",
-      },
-      {
-        年份: "2017",
-        男: 143,
-        女: 652,
-        其他: 47,
-        合計: 842,
-        縣市: "台北市",
-      },
-      {
-        年份: "2017",
-        男: 158,
-        女: 781,
-        其他: 21,
-        合計: 960,
-        縣市: "桃園市",
-      },
-      {
-        年份: "2017",
-        男: 174,
-        女: 856,
-        其他: 24,
-        合計: 1054,
-        縣市: "臺中市",
-      },
-      {
-        年份: "2017",
-        男: 72,
-        女: 386,
-        其他: 8,
-        合計: 466,
-        縣市: "台南市",
-      },
-      {
-        年份: "2017",
-        男: 153,
-        女: 686,
-        其他: 13,
-        合計: 852,
-        縣市: "高雄市",
-      },
-      {
-        年份: "2017",
-        男: 17,
-        女: 140,
-        其他: 4,
-        合計: 161,
-        縣市: "宜蘭縣",
-      },
-      {
-        年份: "2017",
-        男: 42,
-        女: 185,
-        其他: 2,
-        合計: 229,
-        縣市: "新竹縣",
-      },
-      {
-        年份: "2017",
-        男: 20,
-        女: 154,
-        其他: 3,
-        合計: 177,
-        縣市: "苗栗縣",
-      },
-      {
-        年份: "2017",
-        男: 38,
-        女: 263,
-        其他: 5,
-        合計: 306,
-        縣市: "彰化縣",
-      },
-      {
-        年份: "2017",
-        男: 27,
-        女: 170,
-        其他: 3,
-        合計: 200,
-        縣市: "南投縣",
-      },
-      {
-        年份: "2017",
-        男: 49,
-        女: 175,
-        其他: 8,
-        合計: 232,
-        縣市: "雲林縣",
-      },
-      {
-        年份: "2017",
-        男: 22,
-        女: 105,
-        其他: 3,
-        合計: 130,
-        縣市: "嘉義縣",
-      },
-      {
-        年份: "2017",
-        男: 61,
-        女: 250,
-        其他: 6,
-        合計: 317,
-        縣市: "屏東縣",
-      },
-      {
-        年份: "2017",
-        男: 30,
-        女: 128,
-        其他: 2,
-        合計: 160,
-        縣市: "臺東縣",
-      },
-      {
-        年份: "2017",
-        男: 38,
-        女: 139,
-        其他: 1,
-        合計: 178,
-        縣市: "花蓮縣",
-      },
-      {
-        年份: "2017",
-        男: 2,
-        女: 14,
-        其他: 0,
-        合計: 16,
-        縣市: "澎湖縣",
-      },
-      {
-        年份: "2017",
-        男: 25,
-        女: 129,
-        其他: 2,
-        合計: 156,
-        縣市: "基隆市",
-      },
-      {
-        年份: "2017",
-        男: 23,
-        女: 137,
-        其他: 3,
-        合計: 163,
-        縣市: "新竹市",
-      },
-      {
-        年份: "2017",
-        男: 5,
-        女: 74,
-        其他: 5,
-        合計: 84,
-        縣市: "嘉義市",
-      },
-      {
-        年份: "2017",
-        男: 8,
-        女: 16,
-        其他: 1,
-        合計: 25,
-        縣市: "金門縣",
-      },
-      {
-        年份: "2017",
-        男: 1,
-        女: 3,
-        其他: 0,
-        合計: 4,
-        縣市: "連江縣",
-      },
-    ],
-    2018: [
-      {
-        年份: "2018",
-        男: 229,
-        女: 1304,
-        其他: 64,
-        合計: 1597,
-        縣市: "新北市",
-      },
-      {
-        年份: "2018",
-        男: 137,
-        女: 702,
-        其他: 36,
-        合計: 875,
-        縣市: "台北市",
-      },
-      {
-        年份: "2018",
-        男: 218,
-        女: 940,
-        其他: 26,
-        合計: 1184,
-        縣市: "桃園市",
-      },
-      {
-        年份: "2018",
-        男: 137,
-        女: 801,
-        其他: 29,
-        合計: 967,
-        縣市: "臺中市",
-      },
-      {
-        年份: "2018",
-        男: 67,
-        女: 401,
-        其他: 1,
-        合計: 469,
-        縣市: "台南市",
-      },
-      {
-        年份: "2018",
-        男: 169,
-        女: 689,
-        其他: 3,
-        合計: 861,
-        縣市: "高雄市",
-      },
-      {
-        年份: "2018",
-        男: 13,
-        女: 126,
-        其他: 3,
-        合計: 142,
-        縣市: "宜蘭縣",
-      },
-      {
-        年份: "2018",
-        男: 43,
-        女: 193,
-        其他: 5,
-        合計: 241,
-        縣市: "新竹縣",
-      },
-      {
-        年份: "2018",
-        男: 33,
-        女: 148,
-        其他: 2,
-        合計: 183,
-        縣市: "苗栗縣",
-      },
-      {
-        年份: "2018",
-        男: 64,
-        女: 293,
-        其他: 4,
-        合計: 361,
-        縣市: "彰化縣",
-      },
-      {
-        年份: "2018",
-        男: 32,
-        女: 158,
-        其他: 7,
-        合計: 197,
-        縣市: "南投縣",
-      },
-      {
-        年份: "2018",
-        男: 24,
-        女: 151,
-        其他: 3,
-        合計: 178,
-        縣市: "雲林縣",
-      },
-      {
-        年份: "2018",
-        男: 35,
-        女: 112,
-        其他: 1,
-        合計: 148,
-        縣市: "嘉義縣",
-      },
-      {
-        年份: "2018",
-        男: 57,
-        女: 273,
-        其他: 9,
-        合計: 339,
-        縣市: "屏東縣",
-      },
-      {
-        年份: "2018",
-        男: 28,
-        女: 115,
-        其他: 2,
-        合計: 145,
-        縣市: "臺東縣",
-      },
-      {
-        年份: "2018",
-        男: 36,
-        女: 180,
-        其他: 3,
-        合計: 219,
-        縣市: "花蓮縣",
-      },
-      {
-        年份: "2018",
-        男: 2,
-        女: 8,
-        其他: 0,
-        合計: 10,
-        縣市: "澎湖縣",
-      },
-      {
-        年份: "2018",
-        男: 18,
-        女: 108,
-        其他: 1,
-        合計: 127,
-        縣市: "基隆市",
-      },
-      {
-        年份: "2018",
-        男: 19,
-        女: 114,
-        其他: 4,
-        合計: 137,
-        縣市: "新竹市",
-      },
-      {
-        年份: "2018",
-        男: 10,
-        女: 82,
-        其他: 2,
-        合計: 94,
-        縣市: "嘉義市",
-      },
-      {
-        年份: "2018",
-        男: 3,
-        女: 18,
-        其他: 1,
-        合計: 22,
-        縣市: "金門縣",
-      },
-      {
-        年份: "2018",
-        男: 0,
-        女: 2,
-        其他: 1,
-        合計: 3,
-        縣市: "連江縣",
-      },
-    ],
-    2019: [
-      {
-        年份: "2019",
-        男: 237,
-        女: 1133,
-        其他: 9,
-        合計: 1379,
-        縣市: "新北市",
-      },
-      {
-        年份: "2019",
-        男: 135,
-        女: 713,
-        其他: 3,
-        合計: 851,
-        縣市: "台北市",
-      },
-      {
-        年份: "2019",
-        男: 174,
-        女: 792,
-        其他: 7,
-        合計: 973,
-        縣市: "桃園市",
-      },
-      {
-        年份: "2019",
-        男: 148,
-        女: 862,
-        其他: 9,
-        合計: 1019,
-        縣市: "臺中市",
-      },
-      {
-        年份: "2019",
-        男: 87,
-        女: 433,
-        其他: 0,
-        合計: 520,
-        縣市: "台南市",
-      },
-      {
-        年份: "2019",
-        男: 209,
-        女: 764,
-        其他: 0,
-        合計: 973,
-        縣市: "高雄市",
-      },
-      {
-        年份: "2019",
-        男: 26,
-        女: 123,
-        其他: 0,
-        合計: 149,
-        縣市: "宜蘭縣",
-      },
-      {
-        年份: "2019",
-        男: 32,
-        女: 186,
-        其他: 2,
-        合計: 220,
-        縣市: "新竹縣",
-      },
-      {
-        年份: "2019",
-        男: 28,
-        女: 164,
-        其他: 0,
-        合計: 192,
-        縣市: "苗栗縣",
-      },
-      {
-        年份: "2019",
-        男: 52,
-        女: 283,
-        其他: 4,
-        合計: 339,
-        縣市: "彰化縣",
-      },
-      {
-        年份: "2019",
-        男: 28,
-        女: 153,
-        其他: 1,
-        合計: 182,
-        縣市: "南投縣",
-      },
-      {
-        年份: "2019",
-        男: 28,
-        女: 150,
-        其他: 1,
-        合計: 179,
-        縣市: "雲林縣",
-      },
-      {
-        年份: "2019",
-        男: 25,
-        女: 121,
-        其他: 0,
-        合計: 146,
-        縣市: "嘉義縣",
-      },
-      {
-        年份: "2019",
-        男: 67,
-        女: 231,
-        其他: 1,
-        合計: 299,
-        縣市: "屏東縣",
-      },
-      {
-        年份: "2019",
-        男: 31,
-        女: 86,
-        其他: 1,
-        合計: 118,
-        縣市: "臺東縣",
-      },
-      {
-        年份: "2019",
-        男: 41,
-        女: 151,
-        其他: 1,
-        合計: 193,
-        縣市: "花蓮縣",
-      },
-      {
-        年份: "2019",
-        男: 3,
-        女: 22,
-        其他: 0,
-        合計: 25,
-        縣市: "澎湖縣",
-      },
-      {
-        年份: "2019",
-        男: 21,
-        女: 132,
-        其他: 0,
-        合計: 153,
-        縣市: "基隆市",
-      },
-      {
-        年份: "2019",
-        男: 13,
-        女: 143,
-        其他: 1,
-        合計: 157,
-        縣市: "新竹市",
-      },
-      {
-        年份: "2019",
-        男: 13,
-        女: 57,
-        其他: 1,
-        合計: 71,
-        縣市: "嘉義市",
-      },
-      {
-        年份: "2019",
-        男: 1,
-        女: 20,
-        其他: 1,
-        合計: 22,
-        縣市: "金門縣",
-      },
-      {
-        年份: "2019",
-        男: 0,
-        女: 0,
-        其他: 0,
-        合計: 0,
-        縣市: "連江縣",
-      },
-    ],
-  },
-  total: 43233,
-};
-
-export default data;
diff --git a/src/place.js b/src/place.js
deleted file mode 100644
index edb3498..0000000
--- a/src/place.js
+++ /dev/null
@@ -1,438 +0,0 @@
-const place = [
-  {
-    年份: "2005",
-    被害人住所: "1,059",
-    "被（加）害人親友住處": "156",
-    加害人住所: "1,574",
-    汽車: "67",
-    旅館房間: "543",
-    他人住所: "88",
-    "公共場所（不詳）": "63",
-    空屋: "39",
-    地下室: "12",
-    頂樓陽台: "15",
-    電梯: "9",
-    工地: "13",
-    停車場: "20",
-    計程車: "10",
-    馬路邊: "208",
-    娛樂場所: "98",
-    荒野: "0",
-    福利機構: "0",
-    大眾運輸工具: "36",
-    "學校、教室": "155",
-    宿舍: "33",
-    公共廁所: "66",
-    辦公場所: "35",
-    工廠: "18",
-    "河/海邊": "24",
-    其他Other: "229",
-    "不詳（私人場所）": "39",
-    不詳: "1,050",
-  },
-  {
-    年份: "2006",
-    被害人住所: "1,283",
-    "被（加）害人親友住處": "148",
-    加害人住所: "1,850",
-    汽車: "80",
-    旅館房間: "621",
-    他人住所: "126",
-    "公共場所（不詳）": "44",
-    空屋: "35",
-    地下室: "10",
-    頂樓陽台: "20",
-    電梯: "8",
-    工地: "11",
-    停車場: "16",
-    計程車: "7",
-    馬路邊: "191",
-    娛樂場所: "109",
-    荒野: "83",
-    福利機構: "0",
-    大眾運輸工具: "12",
-    "學校、教室": "206",
-    宿舍: "42",
-    公共廁所: "79",
-    辦公場所: "38",
-    工廠: "15",
-    "河/海邊": "27",
-    其他Other: "277",
-    "不詳（私人場所）": "42",
-    不詳: "1,222",
-  },
-  {
-    年份: "2007",
-    被害人住所: "1,505",
-    "被（加）害人親友住處": "199",
-    加害人住所: "2,097",
-    汽車: "101",
-    旅館房間: "783",
-    他人住所: "136",
-    "公共場所（不詳）": "65",
-    空屋: "38",
-    地下室: "5",
-    頂樓陽台: "9",
-    電梯: "5",
-    工地: "13",
-    停車場: "28",
-    計程車: "16",
-    馬路邊: "182",
-    娛樂場所: "115",
-    荒野: "58",
-    福利機構: "0",
-    大眾運輸工具: "24",
-    "學校、教室": "281",
-    宿舍: "39",
-    公共廁所: "98",
-    辦公場所: "52",
-    工廠: "15",
-    "河/海邊": "26",
-    其他Other: "322",
-    "不詳（私人場所）": "35",
-    不詳: "1,456",
-  },
-  {
-    年份: "2008",
-    被害人住所: "1,736",
-    "被（加）害人親友住處": "224",
-    加害人住所: "2,304",
-    汽車: "106",
-    旅館房間: "852",
-    他人住所: "140",
-    "公共場所（不詳）": "84",
-    空屋: "26",
-    地下室: "10",
-    頂樓陽台: "11",
-    電梯: "14",
-    工地: "13",
-    停車場: "26",
-    計程車: "12",
-    馬路邊: "164",
-    娛樂場所: "107",
-    荒野: "72",
-    福利機構: "0",
-    大眾運輸工具: "22",
-    "學校、教室": "278",
-    宿舍: "36",
-    公共廁所: "79",
-    辦公場所: "67",
-    工廠: "20",
-    "河/海邊": "34",
-    其他Other: "346",
-    "不詳（私人場所）": "55",
-    不詳: "1,683",
-  },
-  {
-    年份: "2009",
-    被害人住所: "1,890",
-    "被（加）害人親友住處": "252",
-    加害人住所: "2,446",
-    汽車: "87",
-    旅館房間: "818",
-    他人住所: "169",
-    "公共場所（不詳）": "87",
-    空屋: "26",
-    地下室: "18",
-    頂樓陽台: "15",
-    電梯: "10",
-    工地: "5",
-    停車場: "38",
-    計程車: "11",
-    馬路邊: "184",
-    娛樂場所: "117",
-    荒野: "72",
-    福利機構: "0",
-    大眾運輸工具: "25",
-    "學校、教室": "457",
-    宿舍: "59",
-    公共廁所: "135",
-    辦公場所: "69",
-    工廠: "17",
-    "河/海邊": "32",
-    其他Other: "498",
-    "不詳（私人場所）": "80",
-    不詳: "1,926",
-  },
-  {
-    年份: "2010",
-    被害人住所: "2,197",
-    "被（加）害人親友住處": "267",
-    加害人住所: "2,670",
-    汽車: "88",
-    旅館房間: "881",
-    他人住所: "156",
-    "公共場所（不詳）": "125",
-    空屋: "33",
-    地下室: "10",
-    頂樓陽台: "18",
-    電梯: "12",
-    工地: "14",
-    停車場: "32",
-    計程車: "8",
-    馬路邊: "196",
-    娛樂場所: "112",
-    荒野: "69",
-    福利機構: "0",
-    大眾運輸工具: "40",
-    "學校、教室": "597",
-    宿舍: "96",
-    公共廁所: "152",
-    辦公場所: "73",
-    工廠: "16",
-    "河/海邊": "30",
-    其他Other: "581",
-    "不詳（私人場所）": "91",
-    不詳: "2,328",
-  },
-  {
-    年份: "2011",
-    被害人住所: "2,611",
-    "被（加）害人親友住處": "299",
-    加害人住所: "3,401",
-    汽車: "94",
-    旅館房間: "1,036",
-    他人住所: "218",
-    "公共場所（不詳）": "227",
-    空屋: "35",
-    地下室: "10",
-    頂樓陽台: "27",
-    電梯: "15",
-    工地: "7",
-    停車場: "26",
-    計程車: "14",
-    馬路邊: "233",
-    娛樂場所: "193",
-    荒野: "71",
-    福利機構: "0",
-    大眾運輸工具: "68",
-    "學校、教室": "1,068",
-    宿舍: "148",
-    公共廁所: "217",
-    辦公場所: "56",
-    工廠: "18",
-    "河/海邊": "32",
-    其他Other: "794",
-    "不詳（私人場所）": "120",
-    不詳: "2,648",
-  },
-  {
-    年份: "2012",
-    被害人住所: "2,767",
-    "被（加）害人親友住處": "398",
-    加害人住所: "3,756",
-    汽車: "120",
-    旅館房間: "1,072",
-    他人住所: "274",
-    "公共場所（不詳）": "292",
-    空屋: "28",
-    地下室: "20",
-    頂樓陽台: "18",
-    電梯: "12",
-    工地: "13",
-    停車場: "41",
-    計程車: "6",
-    馬路邊: "200",
-    娛樂場所: "213",
-    荒野: "54",
-    福利機構: "0",
-    大眾運輸工具: "83",
-    "學校、教室": "1,186",
-    宿舍: "164",
-    公共廁所: "202",
-    辦公場所: "80",
-    工廠: "29",
-    "河/海邊": "45",
-    其他Other: "1,011",
-    "不詳（私人場所）": "183",
-    不詳: "2,835",
-  },
-  {
-    年份: "2013",
-    被害人住所: "2,599",
-    "被（加）害人親友住處": "331",
-    加害人住所: "3,556",
-    汽車: "117",
-    旅館房間: "1,097",
-    他人住所: "217",
-    "公共場所（不詳）": "487",
-    空屋: "33",
-    地下室: "20",
-    頂樓陽台: "31",
-    電梯: "5",
-    工地: "5",
-    停車場: "27",
-    計程車: "9",
-    馬路邊: "170",
-    娛樂場所: "157",
-    荒野: "55",
-    福利機構: "62",
-    大眾運輸工具: "54",
-    "學校、教室": "1,056",
-    宿舍: "99",
-    公共廁所: "204",
-    辦公場所: "75",
-    工廠: "22",
-    "河/海邊": "31",
-    其他Other: "966",
-    "不詳（私人場所）": "553",
-    不詳: "1,890",
-  },
-  {
-    年份: "2014",
-    被害人住所: "2,549",
-    "被（加）害人親友住處": "316",
-    加害人住所: "3,467",
-    汽車: "118",
-    旅館房間: "1,160",
-    他人住所: "202",
-    "公共場所（不詳）": "540",
-    空屋: "28",
-    地下室: "19",
-    頂樓陽台: "23",
-    電梯: "10",
-    工地: "14",
-    停車場: "29",
-    計程車: "6",
-    馬路邊: "187",
-    娛樂場所: "145",
-    荒野: "58",
-    福利機構: "39",
-    大眾運輸工具: "45",
-    "學校、教室": "1,181",
-    宿舍: "109",
-    公共廁所: "185",
-    辦公場所: "71",
-    工廠: "28",
-    "河/海邊": "30",
-    其他Other: "985",
-    "不詳（私人場所）": "586",
-    不詳: "2,099",
-  },
-  {
-    年份: "2015",
-    被害人住所: "2,377",
-    "被（加）害人親友住處": "263",
-    加害人住所: "3,158",
-    汽車: "132",
-    旅館房間: "1,030",
-    他人住所: "163",
-    "公共場所（不詳）": "498",
-    空屋: "31",
-    地下室: "10",
-    頂樓陽台: "19",
-    電梯: "6",
-    工地: "5",
-    停車場: "31",
-    計程車: "11",
-    馬路邊: "151",
-    娛樂場所: "149",
-    荒野: "48",
-    福利機構: "97",
-    大眾運輸工具: "61",
-    "學校、教室": "1,088",
-    宿舍: "123",
-    公共廁所: "212",
-    辦公場所: "70",
-    工廠: "31",
-    "河/海邊": "18",
-    其他Other: "966",
-    "不詳（私人場所）": "574",
-    不詳: "2,093",
-  },
-  {
-    年份: "2016",
-    被害人住所: "2,125",
-    "被（加）害人親友住處": "267",
-    加害人住所: "2,802",
-    汽車: "119",
-    旅館房間: "1,051",
-    他人住所: "170",
-    "公共場所（不詳）": "332",
-    空屋: "27",
-    地下室: "15",
-    頂樓陽台: "9",
-    電梯: "0",
-    工地: "10",
-    停車場: "21",
-    計程車: "9",
-    馬路邊: "117",
-    娛樂場所: "158",
-    荒野: "42",
-    福利機構: "110",
-    大眾運輸工具: "17",
-    "學校、教室": "583",
-    宿舍: "59",
-    公共廁所: "158",
-    辦公場所: "66",
-    工廠: "14",
-    "河/海邊": "17",
-    其他Other: "699",
-    "不詳（私人場所）": "244",
-    不詳: "1,369",
-  },
-  {
-    年份: "2017",
-    被害人住所: "2,214",
-    "被（加）害人親友住處": "281",
-    加害人住所: "2,885",
-    汽車: "115",
-    旅館房間: "978",
-    他人住所: "146",
-    "公共場所（不詳）": "230",
-    空屋: "26",
-    地下室: "4",
-    頂樓陽台: "12",
-    電梯: "5",
-    工地: "11",
-    停車場: "26",
-    計程車: "13",
-    馬路邊: "103",
-    娛樂場所: "145",
-    荒野: "51",
-    福利機構: "187",
-    大眾運輸工具: "21",
-    "學校、教室": "674",
-    宿舍: "71",
-    公共廁所: "151",
-    辦公場所: "62",
-    工廠: "15",
-    "河/海邊": "15",
-    其他Other: "744",
-    "不詳（私人場所）": "136",
-    不詳: "1,739",
-  },
-  {
-    年份: "2018",
-    被害人住所: "2,345",
-    "被（加）害人親友住處": "344",
-    加害人住所: "2,783",
-    汽車: "126",
-    旅館房間: "1,030",
-    他人住所: "168",
-    "公共場所（不詳）": "215",
-    空屋: "10",
-    地下室: "14",
-    頂樓陽台: "12",
-    電梯: "0",
-    工地: "7",
-    停車場: "30",
-    計程車: "13",
-    馬路邊: "117",
-    娛樂場所: "175",
-    荒野: "41",
-    福利機構: "244",
-    大眾運輸工具: "19",
-    "學校、教室": "694",
-    宿舍: "78",
-    公共廁所: "196",
-    辦公場所: "66",
-    工廠: "9",
-    "河/海邊": "10",
-    其他Other: "797",
-    "不詳（私人場所）": "139",
-    不詳: "1,776",
-  },
-];
-
-export default place;
diff --git a/src/relation.js b/src/relation.js
deleted file mode 100644
index 15f1048..0000000
--- a/src/relation.js
+++ /dev/null
@@ -1,2930 +0,0 @@
-const relation = {
-  "2008年": [
-    {
-      年份: "2008年",
-      年齡層: "0~6歲未滿",
-      配偶: "0",
-      前配偶: "0",
-      直系親屬: "85",
-      旁系親屬: "30",
-      家人的朋友: "13",
-      "未婚夫/妻": "0",
-      "男/女朋友": "2",
-      "前男/女朋友": "2",
-      普通朋友: "1",
-      同事: "1",
-      同學: "8",
-      網友: "0",
-      客戶關係: "1",
-      "上司/下屬": "0",
-      師生關係: "1",
-      鄰居: "14",
-      不認識: "12",
-      其他: "38",
-      不詳: "29",
-      總計: "237",
-    },
-    {
-      年份: "2008年",
-      年齡層: "6~12歲未滿",
-      配偶: "0",
-      前配偶: "0",
-      直系親屬: "135",
-      旁系親屬: "102",
-      家人的朋友: "47",
-      "未婚夫/妻": "0",
-      "男/女朋友": "3",
-      "前男/女朋友": "0",
-      普通朋友: "13",
-      同事: "0",
-      同學: "38",
-      網友: "5",
-      客戶關係: "0",
-      "上司/下屬": "1",
-      師生關係: "12",
-      鄰居: "56",
-      不認識: "60",
-      其他: "83",
-      不詳: "62",
-      總計: "617",
-    },
-    {
-      年份: "2008年",
-      年齡層: "12~18歲未滿",
-      配偶: "1",
-      前配偶: "0",
-      直系親屬: "205",
-      旁系親屬: "122",
-      家人的朋友: "82",
-      "未婚夫/妻": "2",
-      "男/女朋友": "938",
-      "前男/女朋友": "126",
-      普通朋友: "289",
-      同事: "15",
-      同學: "246",
-      網友: "383",
-      客戶關係: "6",
-      "上司/下屬": "17",
-      師生關係: "39",
-      鄰居: "40",
-      不認識: "182",
-      其他: "271",
-      不詳: "279",
-      總計: "3243",
-    },
-    {
-      年份: "2008年",
-      年齡層: "18~24歲未滿",
-      配偶: "2",
-      前配偶: "2",
-      直系親屬: "48",
-      旁系親屬: "34",
-      家人的朋友: "21",
-      "未婚夫/妻": "0",
-      "男/女朋友": "84",
-      "前男/女朋友": "49",
-      普通朋友: "142",
-      同事: "27",
-      同學: "31",
-      網友: "86",
-      客戶關係: "43",
-      "上司/下屬": "45",
-      師生關係: "11",
-      鄰居: "18",
-      不認識: "152",
-      其他: "88",
-      不詳: "80",
-      總計: "963",
-    },
-    {
-      年份: "2008年",
-      年齡層: "24~30歲未滿",
-      配偶: "9",
-      前配偶: "5",
-      直系親屬: "22",
-      旁系親屬: "16",
-      家人的朋友: "3",
-      "未婚夫/妻": "1",
-      "男/女朋友": "17",
-      "前男/女朋友": "28",
-      普通朋友: "101",
-      同事: "29",
-      同學: "5",
-      網友: "31",
-      客戶關係: "37",
-      "上司/下屬": "45",
-      師生關係: "3",
-      鄰居: "15",
-      不認識: "102",
-      其他: "46",
-      不詳: "63",
-      總計: "578",
-    },
-    {
-      年份: "2008年",
-      年齡層: "30~40歲未滿",
-      配偶: "24",
-      前配偶: "25",
-      直系親屬: "9",
-      旁系親屬: "12",
-      家人的朋友: "6",
-      "未婚夫/妻": "0",
-      "男/女朋友": "16",
-      "前男/女朋友": "30",
-      普通朋友: "73",
-      同事: "20",
-      同學: "5",
-      網友: "25",
-      客戶關係: "30",
-      "上司/下屬": "34",
-      師生關係: "3",
-      鄰居: "16",
-      不認識: "62",
-      其他: "58",
-      不詳: "50",
-      總計: "498",
-    },
-    {
-      年份: "2008年",
-      年齡層: "40~50歲未滿",
-      配偶: "10",
-      前配偶: "7",
-      直系親屬: "5",
-      旁系親屬: "9",
-      家人的朋友: "3",
-      "未婚夫/妻": "0",
-      "男/女朋友": "13",
-      "前男/女朋友": "7",
-      普通朋友: "46",
-      同事: "10",
-      同學: "0",
-      網友: "2",
-      客戶關係: "13",
-      "上司/下屬": "16",
-      師生關係: "1",
-      鄰居: "5",
-      不認識: "49",
-      其他: "27",
-      不詳: "23",
-      總計: "246",
-    },
-    {
-      年份: "2008年",
-      年齡層: "50~65歲未滿",
-      配偶: "2",
-      前配偶: "1",
-      直系親屬: "3",
-      旁系親屬: "4",
-      家人的朋友: "1",
-      "未婚夫/妻": "0",
-      "男/女朋友": "6",
-      "前男/女朋友": "2",
-      普通朋友: "11",
-      同事: "7",
-      同學: "0",
-      網友: "0",
-      客戶關係: "2",
-      "上司/下屬": "5",
-      師生關係: "1",
-      鄰居: "9",
-      不認識: "16",
-      其他: "17",
-      不詳: "7",
-      總計: "94",
-    },
-    {
-      年份: "2008年",
-      年齡層: "65歲以上",
-      配偶: "1",
-      前配偶: "1",
-      直系親屬: "9",
-      旁系親屬: "2",
-      家人的朋友: "0",
-      "未婚夫/妻": "0",
-      "男/女朋友": "7",
-      "前男/女朋友": "2",
-      普通朋友: "10",
-      同事: "1",
-      同學: "3",
-      網友: "5",
-      客戶關係: "0",
-      "上司/下屬": "2",
-      師生關係: "0",
-      鄰居: "3",
-      不認識: "8",
-      其他: "4",
-      不詳: "15",
-      總計: "73",
-    },
-    {
-      年份: "2008年",
-      年齡層: "不詳",
-      配偶: "3",
-      前配偶: "7",
-      直系親屬: "110",
-      旁系親屬: "66",
-      家人的朋友: "20",
-      "未婚夫/妻": "0",
-      "男/女朋友": "57",
-      "前男/女朋友": "18",
-      普通朋友: "53",
-      同事: "4",
-      同學: "24",
-      網友: "26",
-      客戶關係: "6",
-      "上司/下屬": "48",
-      師生關係: "16",
-      鄰居: "23",
-      不認識: "45",
-      其他: "143",
-      不詳: "67",
-      總計: "736",
-    },
-    {
-      年份: "2008年",
-      年齡層: "總計",
-      配偶: "52",
-      前配偶: "48",
-      直系親屬: "631",
-      旁系親屬: "397",
-      家人的朋友: "196",
-      "未婚夫/妻": "3",
-      "男/女朋友": "1143",
-      "前男/女朋友": "264",
-      普通朋友: "739",
-      同事: "114",
-      同學: "360",
-      網友: "563",
-      客戶關係: "138",
-      "上司/下屬": "213",
-      師生關係: "87",
-      鄰居: "199",
-      不認識: "688",
-      其他: "775",
-      不詳: "675",
-      總計: "7285",
-    },
-  ],
-  "2009年": [
-    {
-      年份: "2009年",
-      年齡層: "0~6歲未滿",
-      配偶: "0",
-      前配偶: "0",
-      直系親屬: "79",
-      旁系親屬: "38",
-      家人的朋友: "13",
-      "未婚夫/妻": "0",
-      "男/女朋友": "0",
-      "前男/女朋友": "0",
-      普通朋友: "3",
-      同事: "0",
-      同學: "16",
-      網友: "1",
-      客戶關係: "0",
-      "上司/下屬": "0",
-      師生關係: "2",
-      鄰居: "16",
-      不認識: "15",
-      其他: "46",
-      不詳: "41",
-      總計: "270",
-    },
-    {
-      年份: "2009年",
-      年齡層: "6~12歲未滿",
-      配偶: "0",
-      前配偶: "0",
-      直系親屬: "148",
-      旁系親屬: "86",
-      家人的朋友: "35",
-      "未婚夫/妻": "0",
-      "男/女朋友": "6",
-      "前男/女朋友": "2",
-      普通朋友: "9",
-      同事: "4",
-      同學: "47",
-      網友: "6",
-      客戶關係: "0",
-      "上司/下屬": "0",
-      師生關係: "18",
-      鄰居: "43",
-      不認識: "77",
-      其他: "100",
-      不詳: "77",
-      總計: "658",
-    },
-    {
-      年份: "2009年",
-      年齡層: "12~18歲未滿",
-      配偶: "1",
-      前配偶: "0",
-      直系親屬: "193",
-      旁系親屬: "167",
-      家人的朋友: "91",
-      "未婚夫/妻": "1",
-      "男/女朋友": "998",
-      "前男/女朋友": "147",
-      普通朋友: "320",
-      同事: "31",
-      同學: "388",
-      網友: "350",
-      客戶關係: "5",
-      "上司/下屬": "7",
-      師生關係: "62",
-      鄰居: "57",
-      不認識: "197",
-      其他: "349",
-      不詳: "392",
-      總計: "3756",
-    },
-    {
-      年份: "2009年",
-      年齡層: "18~24歲未滿",
-      配偶: "1",
-      前配偶: "0",
-      直系親屬: "57",
-      旁系親屬: "33",
-      家人的朋友: "28",
-      "未婚夫/妻": "0",
-      "男/女朋友": "94",
-      "前男/女朋友": "48",
-      普通朋友: "125",
-      同事: "28",
-      同學: "40",
-      網友: "85",
-      客戶關係: "37",
-      "上司/下屬": "36",
-      師生關係: "26",
-      鄰居: "17",
-      不認識: "142",
-      其他: "127",
-      不詳: "93",
-      總計: "1017",
-    },
-    {
-      年份: "2009年",
-      年齡層: "24~30歲未滿",
-      配偶: "14",
-      前配偶: "3",
-      直系親屬: "22",
-      旁系親屬: "21",
-      家人的朋友: "10",
-      "未婚夫/妻": "1",
-      "男/女朋友": "24",
-      "前男/女朋友": "31",
-      普通朋友: "89",
-      同事: "17",
-      同學: "7",
-      網友: "43",
-      客戶關係: "29",
-      "上司/下屬": "54",
-      師生關係: "0",
-      鄰居: "24",
-      不認識: "91",
-      其他: "72",
-      不詳: "38",
-      總計: "590",
-    },
-    {
-      年份: "2009年",
-      年齡層: "30~40歲未滿",
-      配偶: "34",
-      前配偶: "13",
-      直系親屬: "19",
-      旁系親屬: "24",
-      家人的朋友: "12",
-      "未婚夫/妻": "0",
-      "男/女朋友": "29",
-      "前男/女朋友": "39",
-      普通朋友: "92",
-      同事: "12",
-      同學: "6",
-      網友: "30",
-      客戶關係: "32",
-      "上司/下屬": "36",
-      師生關係: "2",
-      鄰居: "17",
-      不認識: "70",
-      其他: "78",
-      不詳: "57",
-      總計: "602",
-    },
-    {
-      年份: "2009年",
-      年齡層: "40~50歲未滿",
-      配偶: "17",
-      前配偶: "11",
-      直系親屬: "5",
-      旁系親屬: "13",
-      家人的朋友: "2",
-      "未婚夫/妻": "0",
-      "男/女朋友": "15",
-      "前男/女朋友": "8",
-      普通朋友: "52",
-      同事: "9",
-      同學: "1",
-      網友: "13",
-      客戶關係: "13",
-      "上司/下屬": "10",
-      師生關係: "0",
-      鄰居: "5",
-      不認識: "21",
-      其他: "28",
-      不詳: "29",
-      總計: "252",
-    },
-    {
-      年份: "2009年",
-      年齡層: "50~65歲未滿",
-      配偶: "2",
-      前配偶: "0",
-      直系親屬: "1",
-      旁系親屬: "2",
-      家人的朋友: "2",
-      "未婚夫/妻": "0",
-      "男/女朋友": "7",
-      "前男/女朋友": "2",
-      普通朋友: "18",
-      同事: "4",
-      同學: "1",
-      網友: "0",
-      客戶關係: "7",
-      "上司/下屬": "3",
-      師生關係: "1",
-      鄰居: "7",
-      不認識: "24",
-      其他: "12",
-      不詳: "14",
-      總計: "107",
-    },
-    {
-      年份: "2009年",
-      年齡層: "65歲以上",
-      配偶: "0",
-      前配偶: "0",
-      直系親屬: "5",
-      旁系親屬: "0",
-      家人的朋友: "2",
-      "未婚夫/妻": "0",
-      "男/女朋友": "1",
-      "前男/女朋友": "1",
-      普通朋友: "1",
-      同事: "0",
-      同學: "3",
-      網友: "2",
-      客戶關係: "0",
-      "上司/下屬": "0",
-      師生關係: "3",
-      鄰居: "3",
-      不認識: "6",
-      其他: "2",
-      不詳: "6",
-      總計: "35",
-    },
-    {
-      年份: "2009年",
-      年齡層: "不詳",
-      配偶: "1",
-      前配偶: "4",
-      直系親屬: "96",
-      旁系親屬: "55",
-      家人的朋友: "19",
-      "未婚夫/妻": "1",
-      "男/女朋友": "59",
-      "前男/女朋友": "19",
-      普通朋友: "48",
-      同事: "10",
-      同學: "42",
-      網友: "40",
-      客戶關係: "10",
-      "上司/下屬": "25",
-      師生關係: "24",
-      鄰居: "23",
-      不認識: "41",
-      其他: "126",
-      不詳: "78",
-      總計: "721",
-    },
-    {
-      年份: "2009年",
-      年齡層: "總計",
-      配偶: "70",
-      前配偶: "31",
-      直系親屬: "625",
-      旁系親屬: "439",
-      家人的朋友: "214",
-      "未婚夫/妻": "3",
-      "男/女朋友": "1233",
-      "前男/女朋友": "297",
-      普通朋友: "757",
-      同事: "115",
-      同學: "551",
-      網友: "570",
-      客戶關係: "133",
-      "上司/下屬": "171",
-      師生關係: "138",
-      鄰居: "212",
-      不認識: "684",
-      其他: "940",
-      不詳: "825",
-      總計: "8008",
-    },
-  ],
-  "2010年": [
-    {
-      年份: "2010年",
-      年齡層: "0~6歲未滿",
-      配偶: "0",
-      前配偶: "0",
-      直系親屬: "87",
-      旁系親屬: "35",
-      家人的朋友: "19",
-      "未婚夫/妻": "0",
-      "男/女朋友": "1",
-      "前男/女朋友": "0",
-      普通朋友: "1",
-      同事: "1",
-      同學: "10",
-      網友: "0",
-      客戶關係: "0",
-      "上司/下屬": "0",
-      師生關係: "2",
-      鄰居: "21",
-      不認識: "15",
-      其他: "36",
-      不詳: "34",
-      總計: "262",
-    },
-    {
-      年份: "2010年",
-      年齡層: "6~12歲未滿",
-      配偶: "1",
-      前配偶: "0",
-      直系親屬: "206",
-      旁系親屬: "117",
-      家人的朋友: "50",
-      "未婚夫/妻": "0",
-      "男/女朋友": "2",
-      "前男/女朋友": "0",
-      普通朋友: "7",
-      同事: "5",
-      同學: "65",
-      網友: "2",
-      客戶關係: "0",
-      "上司/下屬": "0",
-      師生關係: "31",
-      鄰居: "51",
-      不認識: "69",
-      其他: "132",
-      不詳: "84",
-      總計: "822",
-    },
-    {
-      年份: "2010年",
-      年齡層: "12~18歲未滿",
-      配偶: "1",
-      前配偶: "0",
-      直系親屬: "260",
-      旁系親屬: "191",
-      家人的朋友: "120",
-      "未婚夫/妻": "5",
-      "男/女朋友": "1302",
-      "前男/女朋友": "207",
-      普通朋友: "361",
-      同事: "43",
-      同學: "561",
-      網友: "337",
-      客戶關係: "8",
-      "上司/下屬": "14",
-      師生關係: "59",
-      鄰居: "63",
-      不認識: "225",
-      其他: "399",
-      不詳: "390",
-      總計: "4546",
-    },
-    {
-      年份: "2010年",
-      年齡層: "18~24歲未滿",
-      配偶: "4",
-      前配偶: "1",
-      直系親屬: "68",
-      旁系親屬: "44",
-      家人的朋友: "23",
-      "未婚夫/妻": "1",
-      "男/女朋友": "103",
-      "前男/女朋友": "63",
-      普通朋友: "145",
-      同事: "32",
-      同學: "58",
-      網友: "86",
-      客戶關係: "31",
-      "上司/下屬": "57",
-      師生關係: "26",
-      鄰居: "25",
-      不認識: "126",
-      其他: "128",
-      不詳: "84",
-      總計: "1105",
-    },
-    {
-      年份: "2010年",
-      年齡層: "24~30歲未滿",
-      配偶: "12",
-      前配偶: "3",
-      直系親屬: "29",
-      旁系親屬: "23",
-      家人的朋友: "7",
-      "未婚夫/妻": "0",
-      "男/女朋友": "23",
-      "前男/女朋友": "42",
-      普通朋友: "80",
-      同事: "26",
-      同學: "8",
-      網友: "32",
-      客戶關係: "31",
-      "上司/下屬": "82",
-      師生關係: "7",
-      鄰居: "15",
-      不認識: "94",
-      其他: "65",
-      不詳: "52",
-      總計: "631",
-    },
-    {
-      年份: "2010年",
-      年齡層: "30~40歲未滿",
-      配偶: "34",
-      前配偶: "20",
-      直系親屬: "21",
-      旁系親屬: "21",
-      家人的朋友: "14",
-      "未婚夫/妻": "1",
-      "男/女朋友": "23",
-      "前男/女朋友": "45",
-      普通朋友: "88",
-      同事: "20",
-      同學: "5",
-      網友: "27",
-      客戶關係: "28",
-      "上司/下屬": "86",
-      師生關係: "1",
-      鄰居: "19",
-      不認識: "63",
-      其他: "91",
-      不詳: "64",
-      總計: "671",
-    },
-    {
-      年份: "2010年",
-      年齡層: "40~50歲未滿",
-      配偶: "16",
-      前配偶: "15",
-      直系親屬: "8",
-      旁系親屬: "14",
-      家人的朋友: "4",
-      "未婚夫/妻": "0",
-      "男/女朋友": "23",
-      "前男/女朋友": "10",
-      普通朋友: "52",
-      同事: "7",
-      同學: "1",
-      網友: "6",
-      客戶關係: "8",
-      "上司/下屬": "16",
-      師生關係: "1",
-      鄰居: "9",
-      不認識: "32",
-      其他: "44",
-      不詳: "30",
-      總計: "296",
-    },
-    {
-      年份: "2010年",
-      年齡層: "50~65歲未滿",
-      配偶: "4",
-      前配偶: "3",
-      直系親屬: "5",
-      旁系親屬: "6",
-      家人的朋友: "2",
-      "未婚夫/妻": "0",
-      "男/女朋友": "3",
-      "前男/女朋友": "5",
-      普通朋友: "14",
-      同事: "2",
-      同學: "0",
-      網友: "0",
-      客戶關係: "8",
-      "上司/下屬": "3",
-      師生關係: "1",
-      鄰居: "13",
-      不認識: "16",
-      其他: "12",
-      不詳: "12",
-      總計: "109",
-    },
-    {
-      年份: "2010年",
-      年齡層: "65歲以上",
-      配偶: "1",
-      前配偶: "2",
-      直系親屬: "5",
-      旁系親屬: "3",
-      家人的朋友: "1",
-      "未婚夫/妻": "0",
-      "男/女朋友": "2",
-      "前男/女朋友": "0",
-      普通朋友: "2",
-      同事: "0",
-      同學: "0",
-      網友: "0",
-      客戶關係: "0",
-      "上司/下屬": "1",
-      師生關係: "0",
-      鄰居: "3",
-      不認識: "6",
-      其他: "7",
-      不詳: "1",
-      總計: "34",
-    },
-    {
-      年份: "2010年",
-      年齡層: "不詳",
-      配偶: "2",
-      前配偶: "3",
-      直系親屬: "97",
-      旁系親屬: "77",
-      家人的朋友: "19",
-      "未婚夫/妻": "0",
-      "男/女朋友": "84",
-      "前男/女朋友": "21",
-      普通朋友: "65",
-      同事: "17",
-      同學: "63",
-      網友: "33",
-      客戶關係: "13",
-      "上司/下屬": "28",
-      師生關係: "21",
-      鄰居: "24",
-      不認識: "57",
-      其他: "150",
-      不詳: "70",
-      總計: "844",
-    },
-    {
-      年份: "2010年",
-      年齡層: "總計",
-      配偶: "75",
-      前配偶: "47",
-      直系親屬: "786",
-      旁系親屬: "531",
-      家人的朋友: "259",
-      "未婚夫/妻": "7",
-      "男/女朋友": "1566",
-      "前男/女朋友": "393",
-      普通朋友: "815",
-      同事: "153",
-      同學: "771",
-      網友: "523",
-      客戶關係: "127",
-      "上司/下屬": "287",
-      師生關係: "149",
-      鄰居: "243",
-      不認識: "703",
-      其他: "1064",
-      不詳: "821",
-      總計: "9320",
-    },
-  ],
-  "2011年": [
-    {
-      年份: "2011年",
-      年齡層: "0~6歲未滿",
-      配偶: "0",
-      前配偶: "1",
-      直系親屬: "89",
-      旁系親屬: "48",
-      家人的朋友: "17",
-      "未婚夫/妻": "0",
-      "男/女朋友": "4",
-      "前男/女朋友": "0",
-      普通朋友: "1",
-      同事: "1",
-      同學: "20",
-      網友: "1",
-      客戶關係: "1",
-      "上司/下屬": "0",
-      師生關係: "2",
-      鄰居: "13",
-      不認識: "11",
-      其他: "44",
-      不詳: "41",
-      總計: "294",
-    },
-    {
-      年份: "2011年",
-      年齡層: "6~12歲未滿",
-      配偶: "0",
-      前配偶: "1",
-      直系親屬: "192",
-      旁系親屬: "114",
-      家人的朋友: "60",
-      "未婚夫/妻": "0",
-      "男/女朋友": "3",
-      "前男/女朋友": "3",
-      普通朋友: "18",
-      同事: "3",
-      同學: "97",
-      網友: "6",
-      客戶關係: "0",
-      "上司/下屬": "0",
-      師生關係: "32",
-      鄰居: "83",
-      不認識: "100",
-      其他: "143",
-      不詳: "89",
-      總計: "944",
-    },
-    {
-      年份: "2011年",
-      年齡層: "12~18歲未滿",
-      配偶: "4",
-      前配偶: "0",
-      直系親屬: "262",
-      旁系親屬: "201",
-      家人的朋友: "116",
-      "未婚夫/妻": "5",
-      "男/女朋友": "1676",
-      "前男/女朋友": "352",
-      普通朋友: "426",
-      同事: "68",
-      同學: "827",
-      網友: "401",
-      客戶關係: "3",
-      "上司/下屬": "8",
-      師生關係: "94",
-      鄰居: "75",
-      不認識: "261",
-      其他: "526",
-      不詳: "482",
-      總計: "5787",
-    },
-    {
-      年份: "2011年",
-      年齡層: "18~24歲未滿",
-      配偶: "5",
-      前配偶: "3",
-      直系親屬: "66",
-      旁系親屬: "42",
-      家人的朋友: "20",
-      "未婚夫/妻": "2",
-      "男/女朋友": "127",
-      "前男/女朋友": "92",
-      普通朋友: "156",
-      同事: "36",
-      同學: "86",
-      網友: "89",
-      客戶關係: "45",
-      "上司/下屬": "35",
-      師生關係: "34",
-      鄰居: "18",
-      不認識: "139",
-      其他: "146",
-      不詳: "94",
-      總計: "1235",
-    },
-    {
-      年份: "2011年",
-      年齡層: "24~30歲未滿",
-      配偶: "8",
-      前配偶: "8",
-      直系親屬: "26",
-      旁系親屬: "16",
-      家人的朋友: "6",
-      "未婚夫/妻": "1",
-      "男/女朋友": "21",
-      "前男/女朋友": "40",
-      普通朋友: "90",
-      同事: "32",
-      同學: "8",
-      網友: "30",
-      客戶關係: "29",
-      "上司/下屬": "61",
-      師生關係: "2",
-      鄰居: "16",
-      不認識: "77",
-      其他: "79",
-      不詳: "43",
-      總計: "593",
-    },
-    {
-      年份: "2011年",
-      年齡層: "30~40歲未滿",
-      配偶: "33",
-      前配偶: "14",
-      直系親屬: "28",
-      旁系親屬: "17",
-      家人的朋友: "6",
-      "未婚夫/妻": "0",
-      "男/女朋友": "25",
-      "前男/女朋友": "35",
-      普通朋友: "82",
-      同事: "21",
-      同學: "2",
-      網友: "21",
-      客戶關係: "34",
-      "上司/下屬": "52",
-      師生關係: "4",
-      鄰居: "11",
-      不認識: "69",
-      其他: "70",
-      不詳: "49",
-      總計: "573",
-    },
-    {
-      年份: "2011年",
-      年齡層: "40~50歲未滿",
-      配偶: "13",
-      前配偶: "7",
-      直系親屬: "9",
-      旁系親屬: "7",
-      家人的朋友: "5",
-      "未婚夫/妻": "0",
-      "男/女朋友": "17",
-      "前男/女朋友": "12",
-      普通朋友: "52",
-      同事: "6",
-      同學: "2",
-      網友: "3",
-      客戶關係: "8",
-      "上司/下屬": "16",
-      師生關係: "6",
-      鄰居: "13",
-      不認識: "48",
-      其他: "46",
-      不詳: "23",
-      總計: "293",
-    },
-    {
-      年份: "2011年",
-      年齡層: "50~65歲未滿",
-      配偶: "11",
-      前配偶: "1",
-      直系親屬: "6",
-      旁系親屬: "2",
-      家人的朋友: "4",
-      "未婚夫/妻": "0",
-      "男/女朋友": "1",
-      "前男/女朋友": "2",
-      普通朋友: "27",
-      同事: "2",
-      同學: "1",
-      網友: "1",
-      客戶關係: "8",
-      "上司/下屬": "7",
-      師生關係: "1",
-      鄰居: "9",
-      不認識: "18",
-      其他: "22",
-      不詳: "7",
-      總計: "130",
-    },
-    {
-      年份: "2011年",
-      年齡層: "65歲以上",
-      配偶: "1",
-      前配偶: "0",
-      直系親屬: "3",
-      旁系親屬: "0",
-      家人的朋友: "0",
-      "未婚夫/妻": "0",
-      "男/女朋友": "1",
-      "前男/女朋友": "0",
-      普通朋友: "2",
-      同事: "0",
-      同學: "1",
-      網友: "0",
-      客戶關係: "1",
-      "上司/下屬": "1",
-      師生關係: "0",
-      鄰居: "4",
-      不認識: "5",
-      其他: "3",
-      不詳: "1",
-      總計: "23",
-    },
-    {
-      年份: "2011年",
-      年齡層: "不詳",
-      配偶: "1",
-      前配偶: "7",
-      直系親屬: "85",
-      旁系親屬: "71",
-      家人的朋友: "23",
-      "未婚夫/妻": "1",
-      "男/女朋友": "156",
-      "前男/女朋友": "43",
-      普通朋友: "104",
-      同事: "18",
-      同學: "177",
-      網友: "63",
-      客戶關係: "9",
-      "上司/下屬": "32",
-      師生關係: "38",
-      鄰居: "28",
-      不認識: "91",
-      其他: "184",
-      不詳: "118",
-      總計: "1249",
-    },
-    {
-      年份: "2011年",
-      年齡層: "總計",
-      配偶: "76",
-      前配偶: "42",
-      直系親屬: "766",
-      旁系親屬: "518",
-      家人的朋友: "257",
-      "未婚夫/妻": "9",
-      "男/女朋友": "2031",
-      "前男/女朋友": "579",
-      普通朋友: "958",
-      同事: "187",
-      同學: "1221",
-      網友: "615",
-      客戶關係: "138",
-      "上司/下屬": "212",
-      師生關係: "213",
-      鄰居: "270",
-      不認識: "819",
-      其他: "1263",
-      不詳: "947",
-      總計: "11121",
-    },
-  ],
-  "2012年": [
-    {
-      年份: "2012年",
-      年齡層: "0~6歲未滿",
-      配偶: "0",
-      前配偶: "0",
-      直系親屬: "84",
-      旁系親屬: "52",
-      家人的朋友: "19",
-      "未婚夫/妻": "0",
-      "男/女朋友": "4",
-      "前男/女朋友": "0",
-      普通朋友: "2",
-      同事: "1",
-      同學: "22",
-      網友: "0",
-      客戶關係: "0",
-      "上司/下屬": "0",
-      師生關係: "4",
-      鄰居: "19",
-      不認識: "14",
-      其他: "54",
-      不詳: "33",
-      總計: "308",
-    },
-    {
-      年份: "2012年",
-      年齡層: "6~12歲未滿",
-      配偶: "0",
-      前配偶: "0",
-      直系親屬: "226",
-      旁系親屬: "121",
-      家人的朋友: "59",
-      "未婚夫/妻": "0",
-      "男/女朋友": "1",
-      "前男/女朋友": "0",
-      普通朋友: "24",
-      同事: "4",
-      同學: "111",
-      網友: "5",
-      客戶關係: "0",
-      "上司/下屬": "0",
-      師生關係: "32",
-      鄰居: "70",
-      不認識: "87",
-      其他: "152",
-      不詳: "56",
-      總計: "948",
-    },
-    {
-      年份: "2012年",
-      年齡層: "12~18歲未滿",
-      配偶: "6",
-      前配偶: "0",
-      直系親屬: "282",
-      旁系親屬: "223",
-      家人的朋友: "121",
-      "未婚夫/妻": "4",
-      "男/女朋友": "1985",
-      "前男/女朋友": "379",
-      普通朋友: "480",
-      同事: "39",
-      同學: "1025",
-      網友: "380",
-      客戶關係: "11",
-      "上司/下屬": "15",
-      師生關係: "107",
-      鄰居: "64",
-      不認識: "215",
-      其他: "575",
-      不詳: "441",
-      總計: "6352",
-    },
-    {
-      年份: "2012年",
-      年齡層: "18~24歲未滿",
-      配偶: "5",
-      前配偶: "1",
-      直系親屬: "67",
-      旁系親屬: "43",
-      家人的朋友: "26",
-      "未婚夫/妻": "2",
-      "男/女朋友": "172",
-      "前男/女朋友": "96",
-      普通朋友: "154",
-      同事: "49",
-      同學: "98",
-      網友: "85",
-      客戶關係: "54",
-      "上司/下屬": "38",
-      師生關係: "34",
-      鄰居: "20",
-      不認識: "175",
-      其他: "145",
-      不詳: "95",
-      總計: "1359",
-    },
-    {
-      年份: "2012年",
-      年齡層: "24~30歲未滿",
-      配偶: "17",
-      前配偶: "6",
-      直系親屬: "18",
-      旁系親屬: "21",
-      家人的朋友: "8",
-      "未婚夫/妻": "0",
-      "男/女朋友": "20",
-      "前男/女朋友": "25",
-      普通朋友: "102",
-      同事: "43",
-      同學: "6",
-      網友: "22",
-      客戶關係: "44",
-      "上司/下屬": "52",
-      師生關係: "1",
-      鄰居: "13",
-      不認識: "95",
-      其他: "92",
-      不詳: "41",
-      總計: "626",
-    },
-    {
-      年份: "2012年",
-      年齡層: "30~40歲未滿",
-      配偶: "31",
-      前配偶: "12",
-      直系親屬: "25",
-      旁系親屬: "16",
-      家人的朋友: "18",
-      "未婚夫/妻": "0",
-      "男/女朋友": "33",
-      "前男/女朋友": "39",
-      普通朋友: "88",
-      同事: "27",
-      同學: "4",
-      網友: "20",
-      客戶關係: "34",
-      "上司/下屬": "64",
-      師生關係: "10",
-      鄰居: "20",
-      不認識: "82",
-      其他: "99",
-      不詳: "39",
-      總計: "661",
-    },
-    {
-      年份: "2012年",
-      年齡層: "40~50歲未滿",
-      配偶: "25",
-      前配偶: "5",
-      直系親屬: "11",
-      旁系親屬: "13",
-      家人的朋友: "2",
-      "未婚夫/妻": "0",
-      "男/女朋友": "13",
-      "前男/女朋友": "13",
-      普通朋友: "59",
-      同事: "8",
-      同學: "0",
-      網友: "14",
-      客戶關係: "13",
-      "上司/下屬": "26",
-      師生關係: "3",
-      鄰居: "21",
-      不認識: "29",
-      其他: "46",
-      不詳: "30",
-      總計: "331",
-    },
-    {
-      年份: "2012年",
-      年齡層: "50~65歲未滿",
-      配偶: "11",
-      前配偶: "5",
-      直系親屬: "9",
-      旁系親屬: "7",
-      家人的朋友: "6",
-      "未婚夫/妻": "0",
-      "男/女朋友": "2",
-      "前男/女朋友": "5",
-      普通朋友: "15",
-      同事: "6",
-      同學: "1",
-      網友: "0",
-      客戶關係: "9",
-      "上司/下屬": "4",
-      師生關係: "1",
-      鄰居: "7",
-      不認識: "7",
-      其他: "27",
-      不詳: "8",
-      總計: "130",
-    },
-    {
-      年份: "2012年",
-      年齡層: "65歲以上",
-      配偶: "1",
-      前配偶: "0",
-      直系親屬: "8",
-      旁系親屬: "3",
-      家人的朋友: "1",
-      "未婚夫/妻": "0",
-      "男/女朋友": "1",
-      "前男/女朋友": "0",
-      普通朋友: "2",
-      同事: "0",
-      同學: "0",
-      網友: "1",
-      客戶關係: "0",
-      "上司/下屬": "1",
-      師生關係: "0",
-      鄰居: "6",
-      不認識: "6",
-      其他: "3",
-      不詳: "2",
-      總計: "35",
-    },
-    {
-      年份: "2012年",
-      年齡層: "不詳",
-      配偶: "3",
-      前配偶: "4",
-      直系親屬: "90",
-      旁系親屬: "80",
-      家人的朋友: "24",
-      "未婚夫/妻": "1",
-      "男/女朋友": "172",
-      "前男/女朋友": "49",
-      普通朋友: "122",
-      同事: "19",
-      同學: "141",
-      網友: "46",
-      客戶關係: "10",
-      "上司/下屬": "28",
-      師生關係: "42",
-      鄰居: "37",
-      不認識: "84",
-      其他: "180",
-      不詳: "184",
-      總計: "1316",
-    },
-    {
-      年份: "2012年",
-      年齡層: "總計",
-      配偶: "99",
-      前配偶: "33",
-      直系親屬: "820",
-      旁系親屬: "579",
-      家人的朋友: "284",
-      "未婚夫/妻": "7",
-      "男/女朋友": "2403",
-      "前男/女朋友": "606",
-      普通朋友: "1048",
-      同事: "196",
-      同學: "1408",
-      網友: "573",
-      客戶關係: "175",
-      "上司/下屬": "228",
-      師生關係: "234",
-      鄰居: "277",
-      不認識: "794",
-      其他: "1373",
-      不詳: "929",
-      總計: "12066",
-    },
-  ],
-  "2013年": [
-    {
-      年份: "2013年",
-      年齡層: "0~6歲未滿",
-      配偶: "1",
-      前配偶: "0",
-      直系親屬: "69",
-      旁系親屬: "37",
-      家人的朋友: "13",
-      "未婚夫/妻": "0",
-      "男/女朋友": "1",
-      "前男/女朋友": "0",
-      普通朋友: "2",
-      同事: "0",
-      同學: "19",
-      網友: "2",
-      客戶關係: "1",
-      "上司/下屬": "2",
-      師生關係: "3",
-      鄰居: "21",
-      不認識: "18",
-      其他: "45",
-      不詳: "21",
-      總計: "255",
-    },
-    {
-      年份: "2013年",
-      年齡層: "6~12歲未滿",
-      配偶: "0",
-      前配偶: "0",
-      直系親屬: "145",
-      旁系親屬: "137",
-      家人的朋友: "53",
-      "未婚夫/妻": "0",
-      "男/女朋友": "4",
-      "前男/女朋友": "0",
-      普通朋友: "16",
-      同事: "2",
-      同學: "92",
-      網友: "3",
-      客戶關係: "0",
-      "上司/下屬": "0",
-      師生關係: "26",
-      鄰居: "64",
-      不認識: "42",
-      其他: "138",
-      不詳: "74",
-      總計: "796",
-    },
-    {
-      年份: "2013年",
-      年齡層: "12~18歲未滿",
-      配偶: "6",
-      前配偶: "0",
-      直系親屬: "245",
-      旁系親屬: "198",
-      家人的朋友: "97",
-      "未婚夫/妻": "7",
-      "男/女朋友": "1796",
-      "前男/女朋友": "373",
-      普通朋友: "428",
-      同事: "25",
-      同學: "785",
-      網友: "351",
-      客戶關係: "20",
-      "上司/下屬": "26",
-      師生關係: "132",
-      鄰居: "73",
-      不認識: "202",
-      其他: "504",
-      不詳: "465",
-      總計: "5733",
-    },
-    {
-      年份: "2013年",
-      年齡層: "18~24歲未滿",
-      配偶: "2",
-      前配偶: "0",
-      直系親屬: "62",
-      旁系親屬: "48",
-      家人的朋友: "23",
-      "未婚夫/妻": "1",
-      "男/女朋友": "141",
-      "前男/女朋友": "60",
-      普通朋友: "191",
-      同事: "31",
-      同學: "79",
-      網友: "103",
-      客戶關係: "50",
-      "上司/下屬": "37",
-      師生關係: "26",
-      鄰居: "26",
-      不認識: "130",
-      其他: "162",
-      不詳: "88",
-      總計: "1260",
-    },
-    {
-      年份: "2013年",
-      年齡層: "24~30歲未滿",
-      配偶: "15",
-      前配偶: "7",
-      直系親屬: "27",
-      旁系親屬: "19",
-      家人的朋友: "16",
-      "未婚夫/妻": "0",
-      "男/女朋友": "14",
-      "前男/女朋友": "40",
-      普通朋友: "78",
-      同事: "17",
-      同學: "6",
-      網友: "33",
-      客戶關係: "32",
-      "上司/下屬": "48",
-      師生關係: "8",
-      鄰居: "6",
-      不認識: "67",
-      其他: "74",
-      不詳: "28",
-      總計: "535",
-    },
-    {
-      年份: "2013年",
-      年齡層: "30~40歲未滿",
-      配偶: "40",
-      前配偶: "12",
-      直系親屬: "22",
-      旁系親屬: "24",
-      家人的朋友: "17",
-      "未婚夫/妻": "0",
-      "男/女朋友": "30",
-      "前男/女朋友": "39",
-      普通朋友: "102",
-      同事: "35",
-      同學: "8",
-      網友: "22",
-      客戶關係: "35",
-      "上司/下屬": "62",
-      師生關係: "5",
-      鄰居: "18",
-      不認識: "73",
-      其他: "95",
-      不詳: "39",
-      總計: "678",
-    },
-    {
-      年份: "2013年",
-      年齡層: "40~50歲未滿",
-      配偶: "25",
-      前配偶: "6",
-      直系親屬: "6",
-      旁系親屬: "13",
-      家人的朋友: "8",
-      "未婚夫/妻": "1",
-      "男/女朋友": "24",
-      "前男/女朋友": "13",
-      普通朋友: "68",
-      同事: "16",
-      同學: "2",
-      網友: "11",
-      客戶關係: "11",
-      "上司/下屬": "19",
-      師生關係: "0",
-      鄰居: "16",
-      不認識: "39",
-      其他: "36",
-      不詳: "21",
-      總計: "335",
-    },
-    {
-      年份: "2013年",
-      年齡層: "50~65歲未滿",
-      配偶: "6",
-      前配偶: "1",
-      直系親屬: "8",
-      旁系親屬: "7",
-      家人的朋友: "2",
-      "未婚夫/妻": "0",
-      "男/女朋友": "5",
-      "前男/女朋友": "4",
-      普通朋友: "28",
-      同事: "4",
-      同學: "3",
-      網友: "0",
-      客戶關係: "4",
-      "上司/下屬": "7",
-      師生關係: "1",
-      鄰居: "12",
-      不認識: "23",
-      其他: "29",
-      不詳: "8",
-      總計: "152",
-    },
-    {
-      年份: "2013年",
-      年齡層: "65歲以上",
-      配偶: "1",
-      前配偶: "0",
-      直系親屬: "2",
-      旁系親屬: "0",
-      家人的朋友: "1",
-      "未婚夫/妻": "0",
-      "男/女朋友": "0",
-      "前男/女朋友": "0",
-      普通朋友: "0",
-      同事: "0",
-      同學: "0",
-      網友: "0",
-      客戶關係: "1",
-      "上司/下屬": "2",
-      師生關係: "0",
-      鄰居: "3",
-      不認識: "3",
-      其他: "5",
-      不詳: "2",
-      總計: "20",
-    },
-    {
-      年份: "2013年",
-      年齡層: "不詳",
-      配偶: "2",
-      前配偶: "1",
-      直系親屬: "72",
-      旁系親屬: "64",
-      家人的朋友: "25",
-      "未婚夫/妻": "1",
-      "男/女朋友": "203",
-      "前男/女朋友": "43",
-      普通朋友: "89",
-      同事: "10",
-      同學: "118",
-      網友: "52",
-      客戶關係: "14",
-      "上司/下屬": "23",
-      師生關係: "34",
-      鄰居: "27",
-      不認識: "64",
-      其他: "153",
-      不詳: "142",
-      總計: "1137",
-    },
-    {
-      年份: "2013年",
-      年齡層: "總計",
-      配偶: "98",
-      前配偶: "27",
-      直系親屬: "658",
-      旁系親屬: "547",
-      家人的朋友: "255",
-      "未婚夫/妻": "10",
-      "男/女朋友": "2218",
-      "前男/女朋友": "572",
-      普通朋友: "1002",
-      同事: "140",
-      同學: "1112",
-      網友: "577",
-      客戶關係: "168",
-      "上司/下屬": "226",
-      師生關係: "235",
-      鄰居: "266",
-      不認識: "661",
-      其他: "1241",
-      不詳: "888",
-      總計: "10901",
-    },
-  ],
-  "2014年": [
-    {
-      年份: "2014年",
-      年齡層: "0~6歲未滿",
-      配偶: "0",
-      前配偶: "0",
-      直系親屬: "82",
-      旁系親屬: "40",
-      家人的朋友: "16",
-      "未婚夫/妻": "0",
-      "男/女朋友": "4",
-      "前男/女朋友": "0",
-      普通朋友: "2",
-      同事: "0",
-      同學: "22",
-      網友: "0",
-      客戶關係: "0",
-      "上司/下屬": "0",
-      師生關係: "2",
-      鄰居: "11",
-      不認識: "11",
-      其他: "49",
-      不詳: "19",
-      總計: "258",
-    },
-    {
-      年份: "2014年",
-      年齡層: "6~12歲未滿",
-      配偶: "0",
-      前配偶: "0",
-      直系親屬: "155",
-      旁系親屬: "116",
-      家人的朋友: "36",
-      "未婚夫/妻": "0",
-      "男/女朋友": "6",
-      "前男/女朋友": "0",
-      普通朋友: "20",
-      同事: "1",
-      同學: "131",
-      網友: "5",
-      客戶關係: "3",
-      "上司/下屬": "0",
-      師生關係: "33",
-      鄰居: "55",
-      不認識: "56",
-      其他: "139",
-      不詳: "97",
-      總計: "853",
-    },
-    {
-      年份: "2014年",
-      年齡層: "12~18歲未滿",
-      配偶: "12",
-      前配偶: "0",
-      直系親屬: "238",
-      旁系親屬: "213",
-      家人的朋友: "98",
-      "未婚夫/妻": "8",
-      "男/女朋友": "1775",
-      "前男/女朋友": "412",
-      普通朋友: "401",
-      同事: "25",
-      同學: "855",
-      網友: "395",
-      客戶關係: "12",
-      "上司/下屬": "11",
-      師生關係: "92",
-      鄰居: "64",
-      不認識: "209",
-      其他: "541",
-      不詳: "572",
-      總計: "5933",
-    },
-    {
-      年份: "2014年",
-      年齡層: "18~24歲未滿",
-      配偶: "7",
-      前配偶: "2",
-      直系親屬: "70",
-      旁系親屬: "45",
-      家人的朋友: "29",
-      "未婚夫/妻": "4",
-      "男/女朋友": "163",
-      "前男/女朋友": "81",
-      普通朋友: "135",
-      同事: "39",
-      同學: "91",
-      網友: "102",
-      客戶關係: "50",
-      "上司/下屬": "33",
-      師生關係: "50",
-      鄰居: "6",
-      不認識: "102",
-      其他: "189",
-      不詳: "128",
-      總計: "1326",
-    },
-    {
-      年份: "2014年",
-      年齡層: "24~30歲未滿",
-      配偶: "12",
-      前配偶: "9",
-      直系親屬: "14",
-      旁系親屬: "21",
-      家人的朋友: "7",
-      "未婚夫/妻": "0",
-      "男/女朋友": "16",
-      "前男/女朋友": "36",
-      普通朋友: "80",
-      同事: "24",
-      同學: "10",
-      網友: "34",
-      客戶關係: "41",
-      "上司/下屬": "34",
-      師生關係: "14",
-      鄰居: "12",
-      不認識: "52",
-      其他: "99",
-      不詳: "23",
-      總計: "538",
-    },
-    {
-      年份: "2014年",
-      年齡層: "30~40歲未滿",
-      配偶: "45",
-      前配偶: "19",
-      直系親屬: "18",
-      旁系親屬: "31",
-      家人的朋友: "11",
-      "未婚夫/妻": "1",
-      "男/女朋友": "17",
-      "前男/女朋友": "40",
-      普通朋友: "92",
-      同事: "32",
-      同學: "1",
-      網友: "23",
-      客戶關係: "26",
-      "上司/下屬": "60",
-      師生關係: "8",
-      鄰居: "20",
-      不認識: "70",
-      其他: "115",
-      不詳: "41",
-      總計: "670",
-    },
-    {
-      年份: "2014年",
-      年齡層: "40~50歲未滿",
-      配偶: "19",
-      前配偶: "14",
-      直系親屬: "8",
-      旁系親屬: "13",
-      家人的朋友: "6",
-      "未婚夫/妻": "0",
-      "男/女朋友": "13",
-      "前男/女朋友": "18",
-      普通朋友: "39",
-      同事: "5",
-      同學: "1",
-      網友: "7",
-      客戶關係: "11",
-      "上司/下屬": "21",
-      師生關係: "7",
-      鄰居: "15",
-      不認識: "33",
-      其他: "37",
-      不詳: "16",
-      總計: "283",
-    },
-    {
-      年份: "2014年",
-      年齡層: "50~65歲未滿",
-      配偶: "6",
-      前配偶: "3",
-      直系親屬: "6",
-      旁系親屬: "4",
-      家人的朋友: "2",
-      "未婚夫/妻": "0",
-      "男/女朋友": "7",
-      "前男/女朋友": "7",
-      普通朋友: "28",
-      同事: "1",
-      同學: "0",
-      網友: "0",
-      客戶關係: "9",
-      "上司/下屬": "3",
-      師生關係: "0",
-      鄰居: "8",
-      不認識: "23",
-      其他: "31",
-      不詳: "9",
-      總計: "147",
-    },
-    {
-      年份: "2014年",
-      年齡層: "65歲以上",
-      配偶: "1",
-      前配偶: "0",
-      直系親屬: "5",
-      旁系親屬: "1",
-      家人的朋友: "2",
-      "未婚夫/妻": "0",
-      "男/女朋友": "0",
-      "前男/女朋友": "0",
-      普通朋友: "2",
-      同事: "0",
-      同學: "0",
-      網友: "0",
-      客戶關係: "0",
-      "上司/下屬": "0",
-      師生關係: "1",
-      鄰居: "4",
-      不認識: "3",
-      其他: "6",
-      不詳: "3",
-      總計: "28",
-    },
-    {
-      年份: "2014年",
-      年齡層: "不詳",
-      配偶: "3",
-      前配偶: "1",
-      直系親屬: "80",
-      旁系親屬: "53",
-      家人的朋友: "16",
-      "未婚夫/妻": "1",
-      "男/女朋友": "134",
-      "前男/女朋友": "43",
-      普通朋友: "88",
-      同事: "14",
-      同學: "130",
-      網友: "47",
-      客戶關係: "5",
-      "上司/下屬": "22",
-      師生關係: "35",
-      鄰居: "34",
-      不認識: "51",
-      其他: "118",
-      不詳: "175",
-      總計: "1050",
-    },
-    {
-      年份: "2014年",
-      年齡層: "總計",
-      配偶: "105",
-      前配偶: "48",
-      直系親屬: "676",
-      旁系親屬: "537",
-      家人的朋友: "223",
-      "未婚夫/妻": "14",
-      "男/女朋友": "2135",
-      "前男/女朋友": "637",
-      普通朋友: "887",
-      同事: "141",
-      同學: "1241",
-      網友: "613",
-      客戶關係: "157",
-      "上司/下屬": "184",
-      師生關係: "242",
-      鄰居: "229",
-      不認識: "610",
-      其他: "1324",
-      不詳: "1083",
-      總計: "11086",
-    },
-  ],
-  "2015年": [
-    {
-      年份: "2015年",
-      年齡層: "0~6歲未滿",
-      配偶: "0",
-      前配偶: "0",
-      直系親屬: "59",
-      旁系親屬: "33",
-      家人的朋友: "12",
-      "未婚夫/妻": "0",
-      "男/女朋友": "3",
-      "前男/女朋友": "0",
-      普通朋友: "2",
-      同事: "0",
-      同學: "9",
-      網友: "0",
-      客戶關係: "0",
-      "上司/下屬": "0",
-      師生關係: "5",
-      鄰居: "19",
-      不認識: "10",
-      其他: "44",
-      不詳: "39",
-      總計: "235",
-    },
-    {
-      年份: "2015年",
-      年齡層: "6~12歲未滿",
-      配偶: "0",
-      前配偶: "0",
-      直系親屬: "152",
-      旁系親屬: "108",
-      家人的朋友: "43",
-      "未婚夫/妻": "0",
-      "男/女朋友": "3",
-      "前男/女朋友": "0",
-      普通朋友: "28",
-      同事: "0",
-      同學: "163",
-      網友: "2",
-      客戶關係: "2",
-      "上司/下屬": "1",
-      師生關係: "30",
-      鄰居: "44",
-      不認識: "40",
-      其他: "153",
-      不詳: "134",
-      總計: "903",
-    },
-    {
-      年份: "2015年",
-      年齡層: "12~18歲未滿",
-      配偶: "7",
-      前配偶: "1",
-      直系親屬: "167",
-      旁系親屬: "195",
-      家人的朋友: "71",
-      "未婚夫/妻": "8",
-      "男/女朋友": "1737",
-      "前男/女朋友": "419",
-      普通朋友: "373",
-      同事: "20",
-      同學: "794",
-      網友: "333",
-      客戶關係: "14",
-      "上司/下屬": "19",
-      師生關係: "83",
-      鄰居: "56",
-      不認識: "131",
-      其他: "498",
-      不詳: "727",
-      總計: "5653",
-    },
-    {
-      年份: "2015年",
-      年齡層: "18~24歲未滿",
-      配偶: "11",
-      前配偶: "4",
-      直系親屬: "56",
-      旁系親屬: "48",
-      家人的朋友: "19",
-      "未婚夫/妻": "4",
-      "男/女朋友": "141",
-      "前男/女朋友": "81",
-      普通朋友: "149",
-      同事: "20",
-      同學: "100",
-      網友: "100",
-      客戶關係: "53",
-      "上司/下屬": "35",
-      師生關係: "24",
-      鄰居: "15",
-      不認識: "113",
-      其他: "170",
-      不詳: "122",
-      總計: "1265",
-    },
-    {
-      年份: "2015年",
-      年齡層: "24~30歲未滿",
-      配偶: "11",
-      前配偶: "6",
-      直系親屬: "13",
-      旁系親屬: "22",
-      家人的朋友: "10",
-      "未婚夫/妻": "0",
-      "男/女朋友": "22",
-      "前男/女朋友": "28",
-      普通朋友: "79",
-      同事: "27",
-      同學: "4",
-      網友: "46",
-      客戶關係: "24",
-      "上司/下屬": "41",
-      師生關係: "4",
-      鄰居: "7",
-      不認識: "44",
-      其他: "90",
-      不詳: "19",
-      總計: "497",
-    },
-    {
-      年份: "2015年",
-      年齡層: "30~40歲未滿",
-      配偶: "35",
-      前配偶: "16",
-      直系親屬: "22",
-      旁系親屬: "17",
-      家人的朋友: "6",
-      "未婚夫/妻": "0",
-      "男/女朋友": "26",
-      "前男/女朋友": "52",
-      普通朋友: "99",
-      同事: "25",
-      同學: "5",
-      網友: "26",
-      客戶關係: "25",
-      "上司/下屬": "44",
-      師生關係: "7",
-      鄰居: "19",
-      不認識: "62",
-      其他: "98",
-      不詳: "42",
-      總計: "626",
-    },
-    {
-      年份: "2015年",
-      年齡層: "40~50歲未滿",
-      配偶: "35",
-      前配偶: "10",
-      直系親屬: "8",
-      旁系親屬: "10",
-      家人的朋友: "2",
-      "未婚夫/妻": "1",
-      "男/女朋友": "12",
-      "前男/女朋友": "14",
-      普通朋友: "47",
-      同事: "5",
-      同學: "2",
-      網友: "10",
-      客戶關係: "17",
-      "上司/下屬": "21",
-      師生關係: "5",
-      鄰居: "16",
-      不認識: "34",
-      其他: "57",
-      不詳: "13",
-      總計: "319",
-    },
-    {
-      年份: "2015年",
-      年齡層: "50~65歲未滿",
-      配偶: "8",
-      前配偶: "4",
-      直系親屬: "7",
-      旁系親屬: "7",
-      家人的朋友: "1",
-      "未婚夫/妻": "2",
-      "男/女朋友": "0",
-      "前男/女朋友": "13",
-      普通朋友: "19",
-      同事: "4",
-      同學: "0",
-      網友: "3",
-      客戶關係: "6",
-      "上司/下屬": "4",
-      師生關係: "1",
-      鄰居: "15",
-      不認識: "14",
-      其他: "30",
-      不詳: "6",
-      總計: "144",
-    },
-    {
-      年份: "2015年",
-      年齡層: "65歲以上",
-      配偶: "2",
-      前配偶: "0",
-      直系親屬: "9",
-      旁系親屬: "1",
-      家人的朋友: "1",
-      "未婚夫/妻": "0",
-      "男/女朋友": "1",
-      "前男/女朋友": "1",
-      普通朋友: "4",
-      同事: "0",
-      同學: "0",
-      網友: "0",
-      客戶關係: "0",
-      "上司/下屬": "1",
-      師生關係: "0",
-      鄰居: "2",
-      不認識: "6",
-      其他: "8",
-      不詳: "3",
-      總計: "39",
-    },
-    {
-      年份: "2015年",
-      年齡層: "不詳",
-      配偶: "4",
-      前配偶: "2",
-      直系親屬: "39",
-      旁系親屬: "45",
-      家人的朋友: "8",
-      "未婚夫/妻": "0",
-      "男/女朋友": "73",
-      "前男/女朋友": "29",
-      普通朋友: "64",
-      同事: "10",
-      同學: "104",
-      網友: "33",
-      客戶關係: "5",
-      "上司/下屬": "14",
-      師生關係: "40",
-      鄰居: "9",
-      不認識: "26",
-      其他: "76",
-      不詳: "192",
-      總計: "773",
-    },
-    {
-      年份: "2015年",
-      年齡層: "總計",
-      配偶: "113",
-      前配偶: "43",
-      直系親屬: "532",
-      旁系親屬: "486",
-      家人的朋友: "173",
-      "未婚夫/妻": "15",
-      "男/女朋友": "2018",
-      "前男/女朋友": "637",
-      普通朋友: "864",
-      同事: "111",
-      同學: "1181",
-      網友: "553",
-      客戶關係: "146",
-      "上司/下屬": "180",
-      師生關係: "199",
-      鄰居: "202",
-      不認識: "480",
-      其他: "1224",
-      不詳: "1297",
-      總計: "10454",
-    },
-  ],
-  "2016年": [
-    {
-      年份: "2016年",
-      年齡層: "0~6歲未滿",
-      配偶: "0",
-      前配偶: "0",
-      直系親屬: "48",
-      旁系親屬: "32",
-      家人的朋友: "8",
-      "未婚夫/妻": "0",
-      "男/女朋友": "2",
-      "前男/女朋友": "1",
-      普通朋友: "1",
-      同事: "0",
-      同學: "10",
-      網友: "0",
-      客戶關係: "0",
-      "上司/下屬": "0",
-      師生關係: "4",
-      鄰居: "6",
-      不認識: "7",
-      其他: "46",
-      不詳: "20",
-      總計: "185",
-    },
-    {
-      年份: "2016年",
-      年齡層: "6~12歲未滿",
-      配偶: "0",
-      前配偶: "0",
-      直系親屬: "116",
-      旁系親屬: "91",
-      家人的朋友: "22",
-      "未婚夫/妻": "0",
-      "男/女朋友": "6",
-      "前男/女朋友": "0",
-      普通朋友: "20",
-      同事: "0",
-      同學: "66",
-      網友: "4",
-      客戶關係: "1",
-      "上司/下屬": "0",
-      師生關係: "21",
-      鄰居: "27",
-      不認識: "31",
-      其他: "104",
-      不詳: "83",
-      總計: "592",
-    },
-    {
-      年份: "2016年",
-      年齡層: "12~18歲未滿",
-      配偶: "6",
-      前配偶: "0",
-      直系親屬: "192",
-      旁系親屬: "139",
-      家人的朋友: "63",
-      "未婚夫/妻": "4",
-      "男/女朋友": "1359",
-      "前男/女朋友": "445",
-      普通朋友: "256",
-      同事: "11",
-      同學: "451",
-      網友: "374",
-      客戶關係: "3",
-      "上司/下屬": "5",
-      師生關係: "57",
-      鄰居: "40",
-      不認識: "81",
-      其他: "392",
-      不詳: "559",
-      總計: "4437",
-    },
-    {
-      年份: "2016年",
-      年齡層: "18~24歲未滿",
-      配偶: "7",
-      前配偶: "1",
-      直系親屬: "51",
-      旁系親屬: "58",
-      家人的朋友: "16",
-      "未婚夫/妻": "1",
-      "男/女朋友": "77",
-      "前男/女朋友": "83",
-      普通朋友: "125",
-      同事: "27",
-      同學: "58",
-      網友: "114",
-      客戶關係: "41",
-      "上司/下屬": "35",
-      師生關係: "15",
-      鄰居: "11",
-      不認識: "94",
-      其他: "129",
-      不詳: "74",
-      總計: "1017",
-    },
-    {
-      年份: "2016年",
-      年齡層: "24~30歲未滿",
-      配偶: "11",
-      前配偶: "8",
-      直系親屬: "15",
-      旁系親屬: "21",
-      家人的朋友: "11",
-      "未婚夫/妻": "0",
-      "男/女朋友": "25",
-      "前男/女朋友": "36",
-      普通朋友: "73",
-      同事: "19",
-      同學: "6",
-      網友: "50",
-      客戶關係: "31",
-      "上司/下屬": "33",
-      師生關係: "9",
-      鄰居: "11",
-      不認識: "48",
-      其他: "71",
-      不詳: "26",
-      總計: "504",
-    },
-    {
-      年份: "2016年",
-      年齡層: "30~40歲未滿",
-      配偶: "38",
-      前配偶: "18",
-      直系親屬: "20",
-      旁系親屬: "23",
-      家人的朋友: "7",
-      "未婚夫/妻": "1",
-      "男/女朋友": "26",
-      "前男/女朋友": "49",
-      普通朋友: "83",
-      同事: "26",
-      同學: "5",
-      網友: "44",
-      客戶關係: "40",
-      "上司/下屬": "44",
-      師生關係: "3",
-      鄰居: "21",
-      不認識: "53",
-      其他: "74",
-      不詳: "35",
-      總計: "610",
-    },
-    {
-      年份: "2016年",
-      年齡層: "40~50歲未滿",
-      配偶: "17",
-      前配偶: "13",
-      直系親屬: "4",
-      旁系親屬: "9",
-      家人的朋友: "2",
-      "未婚夫/妻": "1",
-      "男/女朋友": "11",
-      "前男/女朋友": "27",
-      普通朋友: "43",
-      同事: "6",
-      同學: "5",
-      網友: "13",
-      客戶關係: "12",
-      "上司/下屬": "16",
-      師生關係: "0",
-      鄰居: "8",
-      不認識: "35",
-      其他: "41",
-      不詳: "13",
-      總計: "276",
-    },
-    {
-      年份: "2016年",
-      年齡層: "50~65歲未滿",
-      配偶: "10",
-      前配偶: "3",
-      直系親屬: "6",
-      旁系親屬: "3",
-      家人的朋友: "3",
-      "未婚夫/妻": "0",
-      "男/女朋友": "4",
-      "前男/女朋友": "10",
-      普通朋友: "22",
-      同事: "0",
-      同學: "0",
-      網友: "4",
-      客戶關係: "3",
-      "上司/下屬": "0",
-      師生關係: "1",
-      鄰居: "11",
-      不認識: "21",
-      其他: "26",
-      不詳: "6",
-      總計: "133",
-    },
-    {
-      年份: "2016年",
-      年齡層: "65歲以上",
-      配偶: "1",
-      前配偶: "0",
-      直系親屬: "3",
-      旁系親屬: "0",
-      家人的朋友: "1",
-      "未婚夫/妻": "0",
-      "男/女朋友": "0",
-      "前男/女朋友": "1",
-      普通朋友: "7",
-      同事: "1",
-      同學: "0",
-      網友: "0",
-      客戶關係: "1",
-      "上司/下屬": "0",
-      師生關係: "0",
-      鄰居: "6",
-      不認識: "10",
-      其他: "7",
-      不詳: "3",
-      總計: "41",
-    },
-    {
-      年份: "2016年",
-      年齡層: "不詳",
-      配偶: "2",
-      前配偶: "2",
-      直系親屬: "27",
-      旁系親屬: "20",
-      家人的朋友: "4",
-      "未婚夫/妻": "0",
-      "男/女朋友": "45",
-      "前男/女朋友": "22",
-      普通朋友: "43",
-      同事: "10",
-      同學: "19",
-      網友: "18",
-      客戶關係: "5",
-      "上司/下屬": "7",
-      師生關係: "10",
-      鄰居: "7",
-      不認識: "18",
-      其他: "35",
-      不詳: "52",
-      總計: "346",
-    },
-    {
-      年份: "2016年",
-      年齡層: "總計",
-      配偶: "92",
-      前配偶: "45",
-      直系親屬: "482",
-      旁系親屬: "396",
-      家人的朋友: "137",
-      "未婚夫/妻": "7",
-      "男/女朋友": "1555",
-      "前男/女朋友": "674",
-      普通朋友: "673",
-      同事: "100",
-      同學: "620",
-      網友: "621",
-      客戶關係: "137",
-      "上司/下屬": "140",
-      師生關係: "120",
-      鄰居: "148",
-      不認識: "398",
-      其他: "925",
-      不詳: "871",
-      總計: "8141",
-    },
-  ],
-  "2017年": [
-    {
-      年份: "2017年",
-      年齡層: "0~6歲未滿",
-      配偶: "0",
-      前配偶: "0",
-      直系親屬: "78",
-      旁系親屬: "43",
-      家人的朋友: "12",
-      "未婚夫/妻": "0",
-      "男/女朋友": "0",
-      "前男/女朋友": "0",
-      普通朋友: "0",
-      同事: "0",
-      同學: "16",
-      網友: "1",
-      客戶關係: "0",
-      "上司/下屬": "0",
-      師生關係: "7",
-      鄰居: "5",
-      不認識: "9",
-      其他: "34",
-      不詳: "22",
-      總計: "227",
-    },
-    {
-      年份: "2017年",
-      年齡層: "6~12歲未滿",
-      配偶: "0",
-      前配偶: "0",
-      直系親屬: "147",
-      旁系親屬: "110",
-      家人的朋友: "31",
-      "未婚夫/妻": "0",
-      "男/女朋友": "1",
-      "前男/女朋友": "0",
-      普通朋友: "9",
-      同事: "0",
-      同學: "59",
-      網友: "7",
-      客戶關係: "0",
-      "上司/下屬": "0",
-      師生關係: "16",
-      鄰居: "31",
-      不認識: "37",
-      其他: "116",
-      不詳: "95",
-      總計: "659",
-    },
-    {
-      年份: "2017年",
-      年齡層: "12~18歲未滿",
-      配偶: "5",
-      前配偶: "0",
-      直系親屬: "190",
-      旁系親屬: "194",
-      家人的朋友: "59",
-      "未婚夫/妻": "5",
-      "男/女朋友": "1218",
-      "前男/女朋友": "406",
-      普通朋友: "292",
-      同事: "5",
-      同學: "454",
-      網友: "403",
-      客戶關係: "5",
-      "上司/下屬": "10",
-      師生關係: "71",
-      鄰居: "27",
-      不認識: "81",
-      其他: "377",
-      不詳: "552",
-      總計: "4354",
-    },
-    {
-      年份: "2017年",
-      年齡層: "18~24歲未滿",
-      配偶: "4",
-      前配偶: "1",
-      直系親屬: "59",
-      旁系親屬: "68",
-      家人的朋友: "23",
-      "未婚夫/妻": "1",
-      "男/女朋友": "55",
-      "前男/女朋友": "92",
-      普通朋友: "131",
-      同事: "40",
-      同學: "76",
-      網友: "143",
-      客戶關係: "38",
-      "上司/下屬": "24",
-      師生關係: "34",
-      鄰居: "13",
-      不認識: "104",
-      其他: "136",
-      不詳: "79",
-      總計: "1121",
-    },
-    {
-      年份: "2017年",
-      年齡層: "24~30歲未滿",
-      配偶: "12",
-      前配偶: "1",
-      直系親屬: "18",
-      旁系親屬: "29",
-      家人的朋友: "9",
-      "未婚夫/妻": "0",
-      "男/女朋友": "19",
-      "前男/女朋友": "30",
-      普通朋友: "81",
-      同事: "25",
-      同學: "14",
-      網友: "54",
-      客戶關係: "29",
-      "上司/下屬": "49",
-      師生關係: "12",
-      鄰居: "7",
-      不認識: "47",
-      其他: "90",
-      不詳: "28",
-      總計: "554",
-    },
-    {
-      年份: "2017年",
-      年齡層: "30~40歲未滿",
-      配偶: "30",
-      前配偶: "17",
-      直系親屬: "15",
-      旁系親屬: "33",
-      家人的朋友: "6",
-      "未婚夫/妻": "0",
-      "男/女朋友": "20",
-      "前男/女朋友": "42",
-      普通朋友: "104",
-      同事: "19",
-      同學: "8",
-      網友: "56",
-      客戶關係: "31",
-      "上司/下屬": "36",
-      師生關係: "2",
-      鄰居: "10",
-      不認識: "60",
-      其他: "109",
-      不詳: "35",
-      總計: "633",
-    },
-    {
-      年份: "2017年",
-      年齡層: "40~50歲未滿",
-      配偶: "20",
-      前配偶: "6",
-      直系親屬: "12",
-      旁系親屬: "5",
-      家人的朋友: "3",
-      "未婚夫/妻": "0",
-      "男/女朋友": "21",
-      "前男/女朋友": "19",
-      普通朋友: "46",
-      同事: "11",
-      同學: "3",
-      網友: "24",
-      客戶關係: "12",
-      "上司/下屬": "30",
-      師生關係: "1",
-      鄰居: "16",
-      不認識: "30",
-      其他: "50",
-      不詳: "15",
-      總計: "324",
-    },
-    {
-      年份: "2017年",
-      年齡層: "50~65歲未滿",
-      配偶: "7",
-      前配偶: "4",
-      直系親屬: "6",
-      旁系親屬: "5",
-      家人的朋友: "3",
-      "未婚夫/妻": "0",
-      "男/女朋友": "6",
-      "前男/女朋友": "5",
-      普通朋友: "31",
-      同事: "3",
-      同學: "0",
-      網友: "5",
-      客戶關係: "5",
-      "上司/下屬": "7",
-      師生關係: "1",
-      鄰居: "18",
-      不認識: "12",
-      其他: "19",
-      不詳: "3",
-      總計: "140",
-    },
-    {
-      年份: "2017年",
-      年齡層: "65歲以上",
-      配偶: "2",
-      前配偶: "0",
-      直系親屬: "2",
-      旁系親屬: "3",
-      家人的朋友: "0",
-      "未婚夫/妻": "0",
-      "男/女朋友": "1",
-      "前男/女朋友": "0",
-      普通朋友: "7",
-      同事: "1",
-      同學: "0",
-      網友: "0",
-      客戶關係: "0",
-      "上司/下屬": "0",
-      師生關係: "0",
-      鄰居: "3",
-      不認識: "5",
-      其他: "5",
-      不詳: "1",
-      總計: "30",
-    },
-    {
-      年份: "2017年",
-      年齡層: "不詳",
-      配偶: "0",
-      前配偶: "1",
-      直系親屬: "9",
-      旁系親屬: "13",
-      家人的朋友: "6",
-      "未婚夫/妻": "0",
-      "男/女朋友": "12",
-      "前男/女朋友": "7",
-      普通朋友: "20",
-      同事: "8",
-      同學: "7",
-      網友: "12",
-      客戶關係: "2",
-      "上司/下屬": "8",
-      師生關係: "10",
-      鄰居: "2",
-      不認識: "11",
-      其他: "18",
-      不詳: "26",
-      總計: "172",
-    },
-    {
-      年份: "2017年",
-      年齡層: "總計",
-      配偶: "80",
-      前配偶: "30",
-      直系親屬: "536",
-      旁系親屬: "503",
-      家人的朋友: "152",
-      "未婚夫/妻": "6",
-      "男/女朋友": "1353",
-      "前男/女朋友": "601",
-      普通朋友: "721",
-      同事: "112",
-      同學: "637",
-      網友: "705",
-      客戶關係: "122",
-      "上司/下屬": "164",
-      師生關係: "154",
-      鄰居: "132",
-      不認識: "396",
-      其他: "954",
-      不詳: "856",
-      總計: "8214",
-    },
-  ],
-  "2018年": [
-    {
-      年份: "2018年",
-      年齡層: "0~6歲未滿",
-      配偶: "0",
-      前配偶: "0",
-      直系親屬: "76",
-      旁系親屬: "24",
-      家人的朋友: "9",
-      "未婚夫/妻": "0",
-      "男/女朋友": "1",
-      "前男/女朋友": "0",
-      普通朋友: "2",
-      同事: "0",
-      同學: "12",
-      網友: "1",
-      客戶關係: "1",
-      "上司/下屬": "0",
-      師生關係: "6",
-      鄰居: "15",
-      不認識: "9",
-      其他: "56",
-      不詳: "36",
-      總計: "248",
-    },
-    {
-      年份: "2018年",
-      年齡層: "6~12歲未滿",
-      配偶: "0",
-      前配偶: "0",
-      直系親屬: "129",
-      旁系親屬: "118",
-      家人的朋友: "33",
-      "未婚夫/妻": "0",
-      "男/女朋友": "4",
-      "前男/女朋友": "0",
-      普通朋友: "15",
-      同事: "0",
-      同學: "118",
-      網友: "6",
-      客戶關係: "4",
-      "上司/下屬": "0",
-      師生關係: "36",
-      鄰居: "30",
-      不認識: "40",
-      其他: "131",
-      不詳: "103",
-      總計: "767",
-    },
-    {
-      年份: "2018年",
-      年齡層: "12~18歲未滿",
-      配偶: "1",
-      前配偶: "1",
-      直系親屬: "200",
-      旁系親屬: "194",
-      家人的朋友: "72",
-      "未婚夫/妻": "0",
-      "男/女朋友": "1195",
-      "前男/女朋友": "446",
-      普通朋友: "207",
-      同事: "11",
-      同學: "450",
-      網友: "379",
-      客戶關係: "7",
-      "上司/下屬": "11",
-      師生關係: "69",
-      鄰居: "32",
-      不認識: "97",
-      其他: "391",
-      不詳: "518",
-      總計: "4281",
-    },
-    {
-      年份: "2018年",
-      年齡層: "18~24歲未滿",
-      配偶: "8",
-      前配偶: "1",
-      直系親屬: "73",
-      旁系親屬: "63",
-      家人的朋友: "18",
-      "未婚夫/妻": "1",
-      "男/女朋友": "60",
-      "前男/女朋友": "93",
-      普通朋友: "146",
-      同事: "28",
-      同學: "89",
-      網友: "142",
-      客戶關係: "36",
-      "上司/下屬": "41",
-      師生關係: "22",
-      鄰居: "14",
-      不認識: "97",
-      其他: "180",
-      不詳: "112",
-      總計: "1224",
-    },
-    {
-      年份: "2018年",
-      年齡層: "24~30歲未滿",
-      配偶: "10",
-      前配偶: "5",
-      直系親屬: "19",
-      旁系親屬: "24",
-      家人的朋友: "6",
-      "未婚夫/妻": "0",
-      "男/女朋友": "20",
-      "前男/女朋友": "27",
-      普通朋友: "86",
-      同事: "27",
-      同學: "9",
-      網友: "56",
-      客戶關係: "45",
-      "上司/下屬": "36",
-      師生關係: "8",
-      鄰居: "14",
-      不認識: "61",
-      其他: "96",
-      不詳: "31",
-      總計: "580",
-    },
-    {
-      年份: "2018年",
-      年齡層: "30~40歲未滿",
-      配偶: "35",
-      前配偶: "15",
-      直系親屬: "15",
-      旁系親屬: "30",
-      家人的朋友: "4",
-      "未婚夫/妻": "1",
-      "男/女朋友": "28",
-      "前男/女朋友": "60",
-      普通朋友: "103",
-      同事: "19",
-      同學: "10",
-      網友: "52",
-      客戶關係: "35",
-      "上司/下屬": "52",
-      師生關係: "9",
-      鄰居: "14",
-      不認識: "52",
-      其他: "93",
-      不詳: "42",
-      總計: "669",
-    },
-    {
-      年份: "2018年",
-      年齡層: "40~50歲未滿",
-      配偶: "19",
-      前配偶: "5",
-      直系親屬: "9",
-      旁系親屬: "16",
-      家人的朋友: "7",
-      "未婚夫/妻": "0",
-      "男/女朋友": "18",
-      "前男/女朋友": "13",
-      普通朋友: "58",
-      同事: "11",
-      同學: "4",
-      網友: "24",
-      客戶關係: "9",
-      "上司/下屬": "31",
-      師生關係: "2",
-      鄰居: "11",
-      不認識: "21",
-      其他: "59",
-      不詳: "16",
-      總計: "333",
-    },
-    {
-      年份: "2018年",
-      年齡層: "50~65歲未滿",
-      配偶: "9",
-      前配偶: "1",
-      直系親屬: "9",
-      旁系親屬: "5",
-      家人的朋友: "2",
-      "未婚夫/妻": "0",
-      "男/女朋友": "5",
-      "前男/女朋友": "2",
-      普通朋友: "39",
-      同事: "2",
-      同學: "2",
-      網友: "6",
-      客戶關係: "6",
-      "上司/下屬": "5",
-      師生關係: "0",
-      鄰居: "10",
-      不認識: "12",
-      其他: "42",
-      不詳: "5",
-      總計: "162",
-    },
-    {
-      年份: "2018年",
-      年齡層: "65歲以上",
-      配偶: "1",
-      前配偶: "1",
-      直系親屬: "5",
-      旁系親屬: "0",
-      家人的朋友: "0",
-      "未婚夫/妻": "0",
-      "男/女朋友": "1",
-      "前男/女朋友": "0",
-      普通朋友: "3",
-      同事: "0",
-      同學: "0",
-      網友: "0",
-      客戶關係: "1",
-      "上司/下屬": "0",
-      師生關係: "0",
-      鄰居: "3",
-      不認識: "3",
-      其他: "14",
-      不詳: "1",
-      總計: "33",
-    },
-    {
-      年份: "2018年",
-      年齡層: "不詳",
-      配偶: "0",
-      前配偶: "0",
-      直系親屬: "13",
-      旁系親屬: "17",
-      家人的朋友: "3",
-      "未婚夫/妻": "0",
-      "男/女朋友": "12",
-      "前男/女朋友": "5",
-      普通朋友: "28",
-      同事: "5",
-      同學: "7",
-      網友: "15",
-      客戶關係: "2",
-      "上司/下屬": "11",
-      師生關係: "7",
-      鄰居: "7",
-      不認識: "11",
-      其他: "27",
-      不詳: "32",
-      總計: "202",
-    },
-    {
-      年份: "2018年",
-      年齡層: "總計",
-      配偶: "83",
-      前配偶: "29",
-      直系親屬: "548",
-      旁系親屬: "491",
-      家人的朋友: "154",
-      "未婚夫/妻": "2",
-      "男/女朋友": "1344",
-      "前男/女朋友": "646",
-      普通朋友: "687",
-      同事: "103",
-      同學: "701",
-      網友: "681",
-      客戶關係: "146",
-      "上司/下屬": "187",
-      師生關係: "159",
-      鄰居: "150",
-      不認識: "403",
-      其他: "1089",
-      不詳: "896",
-      總計: "8499",
-    },
-  ],
-};
-
-export default relation;
diff --git a/src/utils/formatNumber.js b/src/utils/formatNumber.js
new file mode 100644
index 0000000..23c4376
--- /dev/null
+++ b/src/utils/formatNumber.js
@@ -0,0 +1,3 @@
+export default function formatNumber(number) {
+  return Intl.NumberFormat("en-US").format(number);
+}