Skip to main content

ヒストグラム

note

この文書は AI によって翻訳されています。内容に不正確な点や改善すべき点がございましたら、文書下部のコメント欄または以下の Issue ページにてご報告ください。
https://github.com/Seeed-Studio/wiki-documents/issues

ヒストグラム

このリポジトリでは、Wio Terminalでヒストグラムを描画する方法について説明します。Line Chartsライブラリと同様に、センサーの生データを画面上で視覚化するために使用できます。このライブラリは非常に柔軟で、必要に応じてカスタマイズすることが可能です。

ライブラリのインストール​

ヒストグラムライブラリのインストール​

  • Seeed_Arduino_Histogramを訪問し、リポジトリ全体をローカルドライブにダウンロードしてください。

  • 次に、Arduino IDEにライブラリをインストールします。Arduino IDEを開き、スケッチ -> ライブラリを含める -> ZIP形式のライブラリを追加をクリックし、ダウンロードしたSeeed_Arduino_Histogramファイルを選択してください。

InstallLibrary

はじめに​

ヒストグラム描画の初期化​

ヒストグラムライブラリをインクルードし、以下のようにヒストグラムを初期化します：

#include <TFT_eSPI.h> // ハードウェア固有のライブラリ
#include <SPI.h>
#include "Histogram.h"

TFT_Histogram histogram = TFT_Histogram(); // ヒストグラムの初期化
TFT_eSPI tft = TFT_eSPI(); // TFTの初期化

void setup(void) {
  tft.init();
  histogram.initHistogram(&tft);
  ...
}

ヒストグラムの列を作成する​

ヒストグラムの列を作成するには以下を使用します：

void formHistogram(String label, int NO, double Histogram_value, int Histogram_WIDTH, uint32_t colour);

ここで、labelは列の名前、NOはヒストグラム列の番号タグ、Histogram_valueは列の値、Histogram_WIDTHは列の幅、colourは列の色を指定します。

ヒストグラムを表示する​

ヒストグラムを表示するには以下を使用します：

void showHistogram();

列の値を変更する​

既存の列の値を変更するには以下を使用します：

void changeParam(uint8_t NO, String label, float Histogram_value, uint32_t colour);

ここで、NOは変更する列の番号タグを指します。

列を削除する​

ヒストグラムから列を削除するには以下を使用します：

void deleteCylinder(uint8_t NO);

ここで、NOは削除する列の番号タグを指します。

ヒストグラムに折れ線グラフを追加する​

折れ線グラフを追加するには以下を使用します：

void lineChart(uint32_t colour);

ここで、colourは折れ線グラフの色を指定します。

ヒストグラムの軸を非表示にする​

以下を使用してヒストグラムの軸を非表示にします：

void notShowAxis();

その他の便利な関数​

ヒストグラムライブラリのその他の便利な関数については、Histogram.hを参照してください。また、examplesフォルダにはセットの例や完全な機能デモが含まれています。

サンプルコード​

#include <TFT_eSPI.h> // ハードウェア固有のライブラリ
#include <SPI.h>
#include "Histogram.h" // ヒストグラムライブラリをインクルード

TFT_Histogram histogram = TFT_Histogram(); // TFTとヒストグラムの初期化
TFT_eSPI tft = TFT_eSPI();

void setup() {
  tft.init();
  histogram.initHistogram(&tft);
  histogram.formHistogram("a", 1, 50.55, 40, TFT_RED); // 列1
  histogram.formHistogram("b", 2, 20, 40, TFT_BLACK); // 列2
  histogram.formHistogram("c", 3, 100, 50, TFT_GREEN); // 列3
  histogram.formHistogram("d", 4, 53, 50, TFT_BLUE); // 列4
  histogram.formHistogram("e", 5, 133, 30, TFT_YELLOW); // 列5
  histogram.formHistogram("f", 6, 53, 50, TFT_ORANGE); // 列6
  histogram.formHistogram("g", 7, 80, 50, TFT_PINK); // 列7

  histogram.showHistogram(); // ヒストグラムを表示
  delay(3000);

  histogram.changeParam(6, "F", 55, TFT_PINK); // 列6を変更
  histogram.deleteCylinder(7); // 列7を削除
  histogram.lineChart(TFT_BLACK);

  delay(2000);
  histogram.notShowAxis(); // ヒストグラムの軸を非表示
}
void loop() {

}

技術サポートと製品ディスカッション​

弊社製品をお選びいただきありがとうございます！製品の使用体験をスムーズにするために、さまざまなサポートを提供しています。異なる好みやニーズに対応するため、いくつかのコミュニケーションチャネルを用意しています。

Loading Comments...