Skip to content

迷你图表

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

TIP

此特性自 v3.6.0 版本引入。

使用

火花线是一种微小的图表,用于提供数据的可视化表示。火花线组件有两种变体,趋势(默认)和 条形 。每种变体都支持多种选项,用于自定义火花线的外观和感觉。

API

组件描述
v-sparkline主要组件

示例

属性

填充

您可以使用 fill 属性创建一个 v-sparkline 并填充。

其他

自定义标签

通过提供 label 插槽,我们可以通过添加美元符号($)来修改显示的内容。此插槽专门用于文本内容。有关 SVG <text> 元素的更多信息,请点击此处

仪表盘卡片

v-sparkline 组件与 v-cardv-sheet 搭配使用效果极佳,可创建定制的信息卡片,非常适合管理员仪表板。在这里,我们使用自定义标签为 sparkline 提供额外的上下文信息。

心率

对于简明信息来说,完整的图表可能过于复杂。使用带有渐变的趋势线能够在提供足够细节的同时避免信息过载。