# Sparklines
sparkline コンポーネントは、GitHub のコントリビューションチャートのような単純なグラフを作成するために使用できます。
以下のもの以外にも、SVG属性を使用することができます。
# 使い方
スパークラインは、データを視覚的に表現する小さなグラフです。 sparkline コンポーネントには、 trend(デフォルト) と bar の 2 つのバリエーションがあります。 それぞれスパークリングラインのルックアンドフィールをカスタマイズするための多数のオプションをサポートしています。
# API
# サンプル
# Props
# Fill
fill プロパティを使用すると、塗りつぶし付きのv-sparklineを作成できます。
# その他
# カスタムラベル
labelスロットを用意することで、ドル記号（$）を追加して表示内容を変更することができます。 このスロットはテキストコンテンツ**専用**です。 svg <text> 要素の詳細については、 こちら をご覧ください。
# Dashboard カード
v-sparklineコンポーネントは、v-cardやv-sheetと相性が良く、管理者向けダッシュボードに最適なカスタマイズされた情報カードを作成できます。 この例では、カスタムラベルを使用して、スパークラインに追加のコンテキストを提供しています。
# 心拍数
簡潔な情報については、ごてごてしたチャートはやり過ぎかもしれません。 グラデーション付きのトレンドラインを使用すると、情報をあまり表示せずともユーザーに十分なディテールを提供できます。
準備はできましたか？
Vuetifyのチームが選ぶ関連コンテンツで他の学習トピックに進むか、下のナビゲーション リンクでページ間を移動できます。
GitHub でこのページを編集する
最終更新日:11/12/2024, 6:59:50 AM