14 行
2.5 KiB
HTML

<script type="text/html" data-help-name="ui_chart">
<p>入力値をグラフに出力しますこのグラフは時系列の折れ線グラフ棒グラフ(縦や横)円グラフのいずれかです</p>
<p>入力値の<code>msg.payload</code></p>
<p><b>Y</b>調</p>
<p>入力メッセージ毎に異なる<code>msg.topic</code>1<code>msg.label</code></p>
<p><b>X</b>軸には、表示する時間、または最大のポイント数を定義します。古くなったデータは、自動的にグラフから削除されます。軸のラベルは、<a href="https://momentjs.com/docs/#/displaying/format/" target="_blank">Moment.jsの時間フォーマット</a>の文字列を用いて表示できます。</p>
<p><code>msg.payload</code>に空の配列<code>[]</code>を含む入力によってグラフを初期化できます。</p>
<p>全てのグラフに渡すデータの作成方法については、<b><a href="https://github.com/node-red/node-red-dashboard/blob/master/Charts.md" target="_new">本情報</a></b>を参照してください。</p>
<p><b>初期ラベル</b></p>
<p>プロパティ名(例えば<code>{{msg.topic}}</code>)</p>
<p>本ノードの出力には必要に応じて保存されたグラフの状態を持つ配列が含まれています本データをchartノードに渡すことで保存されたデータを再表示することもできます</p>
<p>クラスが指定されている場合そのクラスは親要素に追加されます このようにしてカスタムCSSを使用してカードとその中の要素のスタイルを設定できます クラスは<code> msg.className </code></p>
</script>