シンプルな折れ線グラフウィジェット
  • 04 Nov 2023
  • 1 読む分
  • 寄稿者

シンプルな折れ線グラフウィジェット


記事の要約

アナリティクスを使用することなく、アプリケーションから直接ライングラフにデータを表示することができます。

目的

このウィジェットの目的は、リアルタイムでデータを迅速かつ効率的にプロットすることです。この機能は、生成されるデータの簡単なデモや表示を目的としており、データに対して計算や分析を実行することはできません。

チューリップ統合セットアップ

カスタムウィジェットプラグインは、カスタマイズしたウィジェットをアプリケーションに追加するための強力なツールです。ウィジェットでは、ウィジェットの機能を拡張およびカスタマイズするJavascriptを記述できます。ウィジェットは、単独で、またはTulipアプリの一部として、Tulipライブラリから直接インスタンスにインポートできます。

仕組み

オブジェクトのリスト(series)、グラフのX軸とY軸に名前を付ける2つのテキスト変数(xAxisLabelとyAxisLabel)、カラー変数(linecolor)です。

series "入力は、3つのデータからなるリストで構成される配列オブジェクトを受け取ります:1幅のX値のリスト(xAxisNums)、Y値のリスト(yAxisNums)、色変数(seriesColor)です。

LineGraphWidget_1.png

複数のオブジェクトを渡すことで、複数の線をプロットすることができます。

LineGraphWidget_2.png

生成される系列ごとに異なる色を選択するオプションがあります。選択しない場合、ウィジェットは各系列に対して10色の定義済みカラーから1色を自動的に選択します。また、グローバル・カラーを選択することもできます。グローバル・カラーを選択すると、各シリーズで選択された個々の色が上書きされます。

その他の情報

カスタムウィジェットの詳細をお知りになりたい場合は、以下のサイトをご覧ください:


この記事は役に立ちましたか?