

### 実現したいこと

web上のリンクかボタンを押したら特定のcsvファイルを読み込みグラフを表示させる。

### 試したこと

以下のソースコードはファイル選択ボタンからcsvファイルを選択しグラフを表示させるプログラムです。  
これをローカルにあるcsvファイルを読み込むプログラムに変更させるところで行き詰まっています。

[code]

    <!DOCTYPE html>
    <html lang="ja">
    <head>
      <meta charset="UTF-8">
      <link rel="stylesheet" href="dygraph.min.css">
      <title>グラフ表示</title>
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <script type="text/javascript" src="dygraph.js"></script>
      <script type="text/javascript">
          function init()
          {
            var file = document.getElementById('getfile');
            file.onchange = function ()
            {
              var fileList = file.files;
              var reader = new FileReader();
              reader.readAsText(fileList[0]); // onchange時に読込む
              reader.onload = function() //読込み後グラフ表示
              {   
                  ma= reader.result.split("\n"); 
                  mas2 = ma.length-2;
                  mc = ma[0].split(",");
                  function monthplus(x) {
                    return x + 1;
                  }
                  g = new Dygraph( 
                    document.getElementById("graph"),
                    reader.result,
                    {
                        title: '○○○', // タイトル                    
                        xlabel:'日付', // x軸の名前
                        ylabel:'○○○', // y軸の名前
                        drawPoints: true, // プロットの点を出す
                        pointSize: 2, // 点のサイズ
                        highlightCircleSize: 6, // 点を拡大する
                        strokeWidth: 0.0, // 線を消す
                        legend: 'always', // 凡例を常に出す
                        showRangeSelector: true, // 範囲選択バーを表示
                        labelsSeparateLines: true, // 凡例を項目ごとに改行
                        axes: {
                            x: {
                                axisLabelWidth: 100,
                                axisLabelFormatter: function(d, gran) {
                                    return monthplus(d.getMonth()) + "/" + d.getDate();
                                }
                            }
                        }
                    }
                    );
              };
            };
          };
      </script>
    </head>
    <body onload="init();">
      <input type="file" id="getfile" accept=".csv">
      <div id="graph" style="width:1450px; height:700px; margin-left:15px;"></div>
    </body>
    </html>
    
[/code]

### CSVファイル

日時, 値1, 値2  
2021/02/10 00:00:00, 3.5, 6  
.  
.  
.

### 参考サイト

<https://kurage.ready.jp/jhp_g/html5/localF.html>

わかる方よろしくお願いいたします。


CC BY-SA 4.0
2021-02-10T04:06:24.840
73905
2021-02-10T04:47:32.323
2021-02-10T04:47:32.323
43903
43903
question
javascript html
htmlでリンクを押したらcsvファイルを読み込んでグラフを表示させたい