From 75b060f45bce5397450cd8fdb800f856185316ff Mon Sep 17 00:00:00 2001
From: kazu634 <simoom634@yahoo.co.jp>
Date: Thu, 18 Jun 2020 21:55:59 +0700
Subject: [PATCH] =?UTF-8?q?Canvas=20ID=E3=82=92=E3=82=92=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../visualization/2020-06-13-different-types-of-graphs.md     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/content/labs/visualization/2020-06-13-different-types-of-graphs.md b/content/labs/visualization/2020-06-13-different-types-of-graphs.md
index 8250b33..790a60e 100644
--- a/content/labs/visualization/2020-06-13-different-types-of-graphs.md
+++ b/content/labs/visualization/2020-06-13-different-types-of-graphs.md
@@ -423,14 +423,14 @@ chart=true
 
 ### 面グラフ
 
-{{<chart canvas="stacked-ratio-bar-chart" height="200">}}
+{{<chart canvas="area-stacked-chart" height="200">}}
   const loggedIn = [26, 36, 42, 38, 40, 30, 12];
   const available = [34, 44, 33, 24, 25, 28, 25];
   const availableForExisting = [16, 13, 25, 33, 40, 33, 45];
   const unavailable = [5, 9, 10, 9, 18, 19, 20];
   const xData = [13, 14, 15, 16, 17, 18, 19];
 
-  var ctx = document.getElementById("stacked-ratio-bar-chart");
+  var ctx = document.getElementById("area-stacked-chart");
   var myBarChart = new Chart(ctx, {
     type: 'line',
     data: {