迷你图表组件可以用来创建简单的图形,比如 GitHub 的贡献图。
除了下面列出的以外,还可以使用任何 SVG attribute
下面是一些简单到复杂的例子。
您可以使用 fill
属性创建一个 v-sparkline
。
对于简明扼要的信息,完整的图表可能有点过头。 使用具有梯度的趋势线可以为用户提供足够的细节,而不会显示太多信息。
v-sparkline
组件可以与 v-card
和 v-sheet
很好地组合,创建定制的信息卡,完美的管理仪表板。这里,我们使用自定义标签为迷你图表提供额外的上下文。
通过提供 label 插槽,我们可以修改显示的内容并添加美元符号($)。 此插槽是 exclusively 用于文本内容。 有关 svg <text>
元素的更多信息,请 navigate here。
Caught a mistake or want to contribute to the documentation?
Edit Layout
on GitHub!