差分

このページの2つのバージョン間の差分を表示します。

--- 20210415 [2021/04/15 03:55] – 133.11.144.10
+++ 20210415 [Unknown date] (現在) – 削除 - 外部編集 (Unknown date) 127.0.0.1
@@ 行 1: / 行 1: @@
-====== 20210415 ======
-===== GmailのSMTPサーバを利用して、メール送信 =====
-[[https://qiita.com/zaburo/items/a6244d32ce5f5fe2c3d1]]
-これを参考にやればできそう。パスワードの発行などの話があるので吉武先生に確認してから進める。
-===== Google Chart API を使って円グラフを作成 =====
-  * ''<script src="https://www.gstatic.com/charts/loader.js"></script>''でGoogle Chart APIを読み込む
-  * ブラウザ上でグラフを書く関数を作成(以下は関数の中身)
-  * ''google.charts.load('current', {packages: ['corechart']});''　：パッケージをロードする
-  * ''google.charts.setOnLoadCallback(drawChart);''　：コールバック関数の登録
-  * コールバック関数を実装する
-  * ''var data　= new google.visualization.arrayToDataTable([])''の引数にリストでHeaderや値を入れていく
-  * オプションはオブジェクトで作成
-  * ''var chart = new google.visualization.PieChart(document.getElementById('target'));'' ：描画用インスタンスの生成
-  * ''chart.draw(data, options);''　：描画メソッドの呼び出し
-chart.html
-  <!DOCTYPE html>
-  <html lang="ja">
-  <head>
-    <meta charset="utf-8">
-    <title>Google Chart</title>
-    <script src="https://www.gstatic.com/charts/loader.js"></script>
-  </head>
-  <body>
-    <div id="target"></div>
-    <script>
-      (function() {
-        'use strict';
-          // パッケージのロード
-          google.charts.load('current', {packages: ['corechart']});
-          // コールバックの登録
-          google.charts.setOnLoadCallback(drawChart);
-          // コールバック関数の実装
-          function drawChart() {
-              // データの準備
-              var data　= new google.visualization.arrayToDataTable([
-                  ['id', 'match'],
-                  ["root;Bacteria;Firmicutes;Bacilli;Lactobacillales;Lactobacillaceae;Lactobacillus", 7835],
-                  ["root;Bacteria;Firmicutes;Bacilli;Lactobacillales;Streptococcaceae;Streptococcus", 919],
-                  ["root;Bacteria", 118],
-                  ["root;Bacteria;Firmicutes;Clostridia;Clostridiales;Clostridiales vadinBB60 group;uncultured bacterium", 97],
-                  ["root;Bacteria;Proteobacteria;Gammaproteobacteria;Betaproteobacteriales;Burkholderiaceae;Cupriavidus",  77],
-                  ["root;Bacteria;Proteobacteria;Gammaproteobacteria;Betaproteobacteriales;Burkholderiaceae;Curvibacter;uncultured Curvibacter sp.",  72],
-                  ["root;Bacteria;Actinobacteria;Acidimicrobiia;Microtrichales;uncultured",  64],
-                  ["root;Bacteria;Bacteroidetes;Bacteroidia;Bacteroidales;Muribaculaceae",  63],
-                  ["root;Bacteria;Proteobacteria;Gammaproteobacteria;Pseudomonadales;Pseudomonadaceae",  61],
-                  ["root;Bacteria;Proteobacteria;Gammaproteobacteria;Pseudomonadales;Moraxellaceae;Acinetobacter",  47],
-              ]);
-              // オプションの準備
-              var options = {
-                  title: 'Top 10 hit',
-                  width: 500,
-                  height: 300
-              };
-              // 描画用インスタンスの生成および描画メソッドの呼び出し
-              var chart = new google.visualization.PieChart(document.getElementById('target'));
-              chart.draw(data, options);
-          }
-      })();
-    </script>
-  </body>
-  </html>
-作成されたグラフ
-{{::スクリーンショット_2021-04-15_125335.png?direct&600|}}