![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
こんにちは
HTMLということはWebサイト上でリアルタイムに表示したいということと解釈しました。
>CSV形式で5分ごとに保存しています。
とのことですので、csvデータの更新の仕組みはできているものとします。
大雑把に考えると、HTML側からは
・定期的(5分程度間隔で)にデータを読みに行き
・その内容をグラフに反映する
機能が必要になります。
これらを実現するのには何らかのプログラムが必要になりますので、HTMLだけでは無理ですがjavascriptなどを利用することで実現できると思います。
そのままぴったりのものはないかも知れませんが、似たような機能をサポートするライブラリは数多く作成されていますので、それらを利用することで比較的実現しやすくなるとはいえるでしょう。
データをグラフ化するには、canvasやSVGを利用して表示している例が多いと思いますが、その際の補助をしてくれるライブラリはたくさんあります。
表示したい内容によっては向き不向きがあるかも知れませんが、以下、ご参考までに。
http://tokkono.cute.coocan.jp/blog/slow/index.ph …
http://www.fwoabw.info/entry/2013/09/24/008062
もう一方で、データを定期的に読みに行くことも必要ですが、技術的にはajaxという手法(=サーバと通信する方法の一つ)を利用することで可能です。
ajax用のライブラリもいろいろ作成されてはいますが、それぞれを別個に利用するよりも。グラフ用のライブラリの中でajaxもサポートしているものを利用するのが簡単だと思います。
一例として、データ可視化を目的とした、D3.jsの例を。
以下の例では、CSVを読み込んで、様々な見せ方をしています。
https://bl.ocks.org/mbostock/1256572
D3の本家のサイト
https://d3js.org/
大雑把な方法としてはこんな感じだと思いますが、
>やり方がわかりません。
というご質問のレベルから考えると、相当にハードルが高いかも知れません。
この回答へのお礼
お礼日時:2017/11/28 11:10
詳しい回答ありがとうございます。
Googlechartでグラフ表示まではできますが
動くグラフを書きたかったので、今回質問させて頂きました。
いろいろな方法があり、何が最適か分からず途方にくれてましたが、
上記のものを一通りやってみます!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) EXCELのグラフを画像(JPG形式)で保存、通常実行がうまく行かない。ステップインはうまく行く 3 2022/08/30 12:06
- 計算機科学 エクセルのデータの表すことについて 2 2023/03/05 20:49
- Excel(エクセル) エクセルの散布図で新たに入力した値のデータラベルが空欄になる現象 1 2022/04/26 09:31
- Excel(エクセル) Excelグラフについて 1 2022/06/16 16:06
- ネットワーク Macでインターネットの通信速度を連続的に記録するツール 1 2023/03/18 11:19
- Excel(エクセル) Excelグラフについて 1 2023/05/12 16:26
- 数学 微分の問題です 1 2022/07/31 11:15
- HTML・CSS htmlのデータをwebページみたいに見る方法 5 2023/06/23 17:47
- その他(開発・運用・管理) おんどとりWebStorage APIから温度情報を取得し表示したい 2 2023/08/03 09:53
- Excel(エクセル) Excelで日付のグラフへの表示 2 2022/04/15 11:04
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLでこの画像を表示したいで...
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたい...
-
HTMLの CSSのファイルというの...
-
スマホ(android)のタッチパネ...
-
HTMLを正しく表示させるには
-
css初心者 フレックスボックス...
-
角丸画像の背景色を透明にした...
-
英字と日本語が並んだhtmlの自...
-
スマホでHTMLファイルを開いて...
-
HTMLで特定の文字だけ色を変え...
-
iPhoneで HTMLファイルを閲覧
-
サイトにコンテンツを並べる際...
-
webデザインの勉強で、HTML/CSS...
-
私、Paiza Cloudやっているのだ...
-
WEBサイトの作成で、imgタグに...
-
先日ウェブデザイン技能検定三...
-
X の仕様変更? 埋め込みフレー...
-
指定した演算を実施の結果を表...
-
指定した演算を実施の結果を表...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ajaxでhtmlを返して画面に描画…...
-
大量のデータを表として展開す...
-
Response.Write(変数)
-
ローカルネットワーク内での502...
-
【Ajax】改行を含めたデータを...
-
AjaxでDBと連携した動的リスト...
-
Ajaxで最新の情報が取得できない
-
Ajax、PHP、MySQLでDBからデー...
-
Rを使う際、データを読み込む時...
-
セレクトボックスのHTMLを教え...
-
JavaScript側でのXML作成の方法
-
Jqueryのキャッシュについて
-
CGI→AJAXへ配列の受け渡しは可...
-
jQueryの$.postの戻り値による...
-
【struts】2つのselectの連動
-
jquery serializable値取得
-
getJSONで受け取れるよう出力す...
-
googleマップにajax
-
python pandas ビックデータ解...
-
innerHTMLで表示完了後に、Ajax...
おすすめ情報