MENU
    シンプルな折れ線グラフウィジェット
    • 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色を自動的に選択します。また、グローバル・カラーを選択することもできます。グローバル・カラーを選択すると、各シリーズで選択された個々の色が上書きされます。

    その他の情報

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


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