IoT Dev.: Arudino+carriotsでIoT-グラフの作成

2016年1月20日水曜日

　carriotsで収集したデータをグラフ化する方法を説明します。

1.「CARRIOTS CONTROL PANEL」の左サイドメニューの「Wizard Widget Graphs」をクリックします。
2.グラフの種類を選択し、[Next Step]をクリックします。

3.対象のデバイスを選択し、[Next Step]をクリックします。

4.「From」(開始日)、「To」(終了日)を設定し、[Next Step]をクリックします。
　※設定なしでも可

5.最大レコード数を設定し、[Next Step]をクリックします。

6.グラフにプロットするデータを選択し、[Next Step]をクリックします。

7.Y軸の項目を選択し、[Next Step]をクリックします。
　※グラフの種類が「line」「bar」の場合

8.グラフのオーダー(順序)を設定し、[Next Step]をクリックします。

生成されたJavaScriptコードを、HTMLに張り付けることで、サイト上でグラフを公開することができます。

	<!DOCTYPE HTML>
	<html lang="ja">
	<head>
	<title>carriots graph</title>
	</head>
	<body>
	<div id="carriots-graph" style="max-width: 900px;margin:auto;"></div>
	<!-- 以下に、生成されたグラフのコードを貼り付けてください。 -->

	</body>
	</html>

IoT Dev.