メインコンテンツ

このページは機械翻訳を使用して翻訳されました。最新版の英語を参照するには、ここをクリックします。

チャネル表示ウィジェット

プライベートチャネルビューにカスタム可視化を表示します。ウィジェットを使用すると、コードを記述することなく、チャネルを構成的に改善できます。

フィールド値ゲージ

フィールド値ゲージは、フィールドの現在の値をアナログ表示で表示します。針の位置は、ゲージ設定によって決定された範囲内の現在の値を示します。ゲージの位置を区別するために、色分けされた領域を追加できます。チャネルのプライベートビューで作成されたウィジェットは非公開です。チャネルの公開ビューに公開ウィジェットを生成できます。

ゲージを作成する

  1. Channels 、 My Channels を選択し、チャネルのプライベート ビューまたはパブリック ビューを選択します。チャネルのプライベートビューで生成されたウィジェットはプライベートです。パブリックビューで生成されたウィジェットは公開されます。

  2. Add Widgetsをクリックします。

  3. Gauge ウィジェットを選択し、ゲージ オプションを設定します。

ゲージオプション

  • 名前: 名前はゲージ可視化のタイトル バーに表示されます。

  • Field:ゲージ値を決定するために使用するフィールドを選択します。このリストには有効なフィールドのみが表示されます。Channel Settings 内のフィールドを有効にすることができます。

  • Min:最小ゲージ値を整数で指定します。

  • Max:最大ゲージ値を整数で指定します。

  • Display Value:ゲージに数値フィールド値を表示するには、このボックスをオンにします。

  • Units:ゲージの下のラベルとして表示する単位を指定します。

  • Tick Interval:ゲージ上の目盛り間の間隔を整数値として指定します。読みやすさを確保するため、目盛りの最大数は 32 です。

  • Update Interval:ゲージ ウィジェットがフィールド値を読み取って表示を更新するための整数値を秒単位で指定します。

  • Range:ゲージの範囲にカスタム カラーを追加します。範囲の最大値と最小値を入力し、色を選択します。「+」アイコンを使用して、色の範囲を追加します。範囲は重複できますが、下の範囲が前の範囲を上書きします。

ウィジェットを共有する

作成したウィジェットをページの公開ビューで共有できます。

  1. チャネルを公開します。Sharing タブを使用して、チャネルを全員と共有します。次に、パブリック ビューの URL を共有します。URL の形式はここに示すとおりです。

    https://thingspeak.com/channels/<your channel ID>

  2. チャネルのプライベートビューを共有します。特定のユーザーのメールとチャネルを共有するには、Sharing タブを使用します。 Share channel view only with the following usersを選択

  3. 作成したウィジェットの URL をチャネルの公開ビューで共有します。

    1. Channels 、 My Channels を選択し、自分のチャネルの Public View を選択します。

    2. Add Widgets をクリックしてウィジェット オプションを調整します。

    3. ウィジェット フレームの上部にあるポップアウト アイコンをクリックします。

    4. ブラウザがウィジェットを新しいウィンドウで開きます。アドレスバーから URL をコピーします。URL はここに示す形式になります。公開ゲージを閲覧したい人と URL を共有できます。

      https://www.thingspeak.com/channels/<channelID>/widgets/<widgetID>

数値表示ウィジェット

数値表示ウィジェットには、チャネルビューのフィールドの現在の値が表示されます。数値を整数または小数で表示できます。チャネルのプライベートビューで生成されたウィジェットはプライベートです。

数値表示を作成する

  1. Channels 、 My Channels を選択し、チャネルのプライベート ビューまたはパブリック ビューを選択します。チャネルのプライベートビューで生成されたウィジェットはプライベートです。パブリックビューで生成されたウィジェットは公開されます。

  2. Add Widgetsをクリックします。

  3. Numeric Display ウィジェットを選択し、表示オプションを設定します。

数値表示オプション

  • 名前: 名前は数値表示ウィジェットのタイトル バーに表示されます。

  • Field:数値表示値を決定するために使用するチャネルフィールドを選択します。このリストには有効なフィールドのみが表示されます。Channel Settings 内のフィールドを有効にすることができます。

  • Update Interval:ゲージ ウィジェットがフィールド値を読み取って表示を更新するための整数値を秒単位で指定します。

  • Units:数値表示値の下のラベルとして表示する単位を指定します。

  • Data Type:数値の表示形式を選択します。Decimal を選択した場合は、小数点以下 1 桁から 5 桁まで表示することもできます。

数値表示を共有する

作成したウィジェットをページの公開ビューで共有できます。

  1. チャネルを公開します。Sharing タブを使用して、チャネルを全員と共有します。次に、パブリック ビューの URL を共有します。URL の形式はここに示すとおりです。

    https://thingspeak.com/channels/<your channel ID>

  2. チャネルのプライベートビューを共有します。特定のユーザーのメールとチャネルを共有するには、Sharing タブを使用します。 Share channel view only with the following usersを選択

  3. 作成したウィジェットの URL をチャネルの公開ビューで共有します。

    1. Channels 、 My Channels を選択し、自分のチャネルの Public View を選択します。

    2. Add Widgets をクリックしてウィジェット オプションを調整します。

    3. ウィジェット フレームの上部にあるポップアウト アイコンをクリックします。

    4. ブラウザがウィジェットを新しいウィンドウで開きます。アドレスバーから URL をコピーします。URL はここに示す形式になります。公開ゲージを閲覧したい人と URL を共有できます。

      https://www.thingspeak.com/channels/<channelID>/widgets/<widgetID>

ランプインジケーター

ランプ インジケーターには、チャネルビュー上のフィールド値のバイナリ表現が表示されます。このウィジェットは、フィールド値と設定されたしきい値を比較して、ランプの状態を判別します。チャネルのプライベートビューで作成されたウィジェットは非公開です。チャネルの公開ビューに公開ウィジェットを生成できます。左の画像は、ランプインジケーターがオンの状態を示しています。右の画像はオフ状態を示しています。

ランプインジケーターを作成する

  1. Channels 、 My Channels を選択し、チャネルのプライベート ビューまたはパブリック ビューを選択します。チャネルのプライベートビューで生成されたウィジェットはプライベートです。パブリックビューで生成されたウィジェットは公開されます。

  2. Add Widgetsをクリックします。

  3. Lamp Indicator ウィジェットを選択し、オプションを設定します。

ランプインジケーターオプション

  • 名前: 名前は、ランプ インジケーター ウィジェットのタイトル バーに表示されます。

  • Condition:まず使用するフィールドを選択し、次にランプ ウィジェットの状態を変更する条件を設定します。最後に、ランプの状態の変化をトリガーするために使用する値を入力します。

  • Update Interval:ランプ インジケーター ウィジェットがフィールド値を読み取って表示を更新するための整数値を秒単位で指定します。最小値は 15 秒です。

  • Color:ランプインジケーターの色を設定します。

ランプインジケーターウィジェットを共有する

ウィジェットを共有する方法は 3 つあります。

  1. チャネルを公開します。Sharing タブを使用して、チャネルを全員と共有します。次に、パブリック ビューの URL を共有します。URL の形式はここに示すとおりです。

    https://thingspeak.com/channels/<your channel ID>

  2. チャネルのプライベートビューを共有します。特定のユーザーのメールとチャネルを共有するには、Sharing タブを使用します。 Share channel view only with the following usersを選択

  3. 作成したウィジェットの URL をチャネルの公開ビューで共有します。

    1. Channels 、 My Channels を選択し、自分のチャネルの Public View を選択します。

    2. Add Widgets をクリックしてウィジェット オプションを調整します。

    3. ウィジェット フレームの上部にあるポップアウト アイコンをクリックします。

    4. ブラウザがウィジェットを新しいウィンドウで開きます。アドレスバーから URL をコピーします。URL はここに示す形式になります。公開ランプ インジケーター ウィジェットを表示したい人と URL を共有できます。

      https://www.thingspeak.com/channels/<channelID>/widgets/<widgetID>

イメージの表示

画像表示ウィジェットには、画像チャネルに書き込まれた最新の画像が表示されます。

画像ディスプレイを作成する

メモ

通常のチャネルのプライベート ビューに画像表示ウィジェットを追加します。ウィジェットでは、表示する画像チャネルを指定します。画像チャネルの作成と書き込みの詳細については、画像チャネルを作成する を参照してください。

  1. Channels 、 My Channels を選択し、チャネルのプライベート ビューを選択します。

  2. Add Widgetsをクリックします。

  3. Image Display ウィジェットを選択し、そのパラメーターを設定します。

画像表示パラメーター

  • 名前: 名前は、画像表示ウィジェットのタイトル バーに表示されます。

  • Image Channel:利用可能な画像チャネルの 1 つを選択します。

  • Update Interval:ウィジェットの表示を更新する秒数の整数値を指定します。

  • Rotate:画像の回転値を 90° の倍数として選択します。

参考

トピック

参考

関数