Add graph description

origamium · Mar 19, 2020 · 0f45b4b · 0f45b4b
1 parent 16d8227
commit 0f45b4b
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 2 deletions.
diff --git a/components/DataView.vue b/components/DataView.vue
@@ -9,6 +9,11 @@
           {{ title }}
         </h3>
         <slot name="infoPanel" />
+      </div>
+      <div class="DataView-Description">
+        <slot name="description" />
+      </div>
+      <div>
         <slot name="button" />
       </div>
       <div class="DataView-CardText">
@@ -276,6 +281,15 @@ export default Vue.extend({
   &-CardText {
     margin: 16px 0;
   }
+  &-Description {
+    margin: 10px 0 0;
+    font-size: 12px;
+    color: $gray-3;
+    ul {
+      list-style-type: none;
+      padding: 0;
+    }
+  }
   &-CardTextForXS {
     margin-bottom: 46px;
     margin-top: 70px;

diff --git a/components/TimeBarChart.vue b/components/TimeBarChart.vue
@@ -1,5 +1,8 @@
 <template>
   <data-view :title="title" :title-id="titleId" :date="date" :url="url">
+    <template v-slot:description>
+      <slot name="description" />
+    </template>
     <template v-slot:button>
       <data-selector v-model="dataKind" :target-id="chartId" />
     </template>

diff --git a/components/cards/InspectionPersonsNumberCard.vue b/components/cards/InspectionPersonsNumberCard.vue
@@ -7,8 +7,17 @@
       :chart-data="graphData"
       :date="data.date"
       :unit="$t('人')"
-    />
-    <!-- 件.tested = 検査数 -->
+    >
+      <template v-slot:description>
+        <ul>
+          <li>（注）医療機関が保険適用で行った検査は含まれていない</li>
+          <li>（注）チャーター機帰国者、クルーズ船乗客等は含まれていない</li>
+          <li>
+            （注）速報値として公開するものであり、後日確定データとして修正される場合あり
+          </li>
+        </ul>
+      </template>
+    </time-bar-chart>
   </v-col>
 </template>