折れ線チャートカード

ダッシュボードからラインチャート - ソフトエリアのグラデーション、ウィークリー/Monthly/Yearlyスイッチャー、デルタチップ、およびカーソルを追従する脈動的なドットを持つカウントアップヘッドライン。 デフォルトで曲げられる。 1つのプロップは、シャープで直角に切り替わる。

売上

$18,240

+9.4%

インストール

折れ線チャートカードはBoardUI Proに含まれています。

ダークモード対応:この コンポーネント はBoardUIのセマンティックトークンに合わせて自動で切り替わります。 テーマスイッチの設定.

プロアクセス

折れ線チャートカード プロです コンポーネント.

BoardUI Proライセンスは、このライセンスを解除します。 コンポーネント と、そのすべてのソースファイル。ライセンスを有効化すると、CLIでプロジェクトに直接インストールできます。

01

ライセンスを有効化

Lemon Squeezyの購入メールにあるキーを使ってください。端末ごとに1回設定すれば完了です。

npx boardui@latest login YOUR_LICENSE_KEY
02

インストール コンポーネント

CLIがソースをコピーし、BoardUIとnpmの依存関係をすべて解決します。

npx boardui@latest add line-chart-card

詳しくはこちら コンポーネント BoardUI Proに含まれているもの

今すぐBoardUI Proを入手し、インストールしてください。

共有UIパッケージや独自のインポートエイリアスを使う場合は、 インストールパスの設定 をCLIの実行前に設定してください。コピー&ペーストの例は、標準のインポートを使います。

鋭い角

shape="sharp" 同じグラデーション、ドット、ホバーの振る舞いと直線的なセグメントでポイントを結合し、内部の値が補間として読み込まれるべきでないデータのためのサクサクサクサクラインだけ。

売上

$18,240

+9.4%
{/* Straight segments between points instead of the monotone curve */}<LineChartCard shape="sharp" />