Vuetify

商店

企业版

迷你图表组件可以用来创建简单的图形,比如 GitHub 的贡献图。

除了下面列出的以外,还可以使用任何 SVG attribute

迷你图表是一个提供数据可视化表示的小图表。

从下面选择您想要的组件,并查看可用的属性、插槽、事件和函数。

下面是一些简单到复杂的例子。

您可以使用 fill 属性创建一个 v-sparkline

对于简明扼要的信息,完整的图表可能有点过头。 使用具有梯度的趋势线可以为用户提供足够的细节,而不会显示太多信息。

v-sparkline 组件可以与 v-cardv-sheet 很好地组合,创建定制的信息卡,完美的管理仪表板。这里,我们使用自定义标签为迷你图表提供额外的上下文。

通过提供 label 插槽,我们可以修改显示的内容并添加美元符号($)。 此插槽是 exclusively 用于文本内容。 有关 svg <text> 元素的更多信息,请 navigate here

Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!