迷你图表
迷你图表组件可以用来创建简单的图表,例如GitHub的贡献图。
TIP
此特性自 v3.6.0 版本引入。
使用
火花线是一种微小的图表,用于提供数据的可视化表示。火花线组件有两种变体,趋势(默认)和 条形 。每种变体都支持多种选项,用于自定义火花线的外观和感觉。
API
组件 | 描述 |
---|---|
v-sparkline | 主要组件 |
示例
属性
填充
您可以使用 fill
属性创建一个 v-sparkline
并填充。
其他
自定义标签
通过提供 label 插槽,我们可以通过添加美元符号($)来修改显示的内容。此插槽专门用于文本内容。有关 SVG <text>
元素的更多信息,请点击此处。
仪表盘卡片
v-sparkline
组件与 v-card
和 v-sheet
搭配使用效果极佳,可创建定制的信息卡片,非常适合管理员仪表板。在这里,我们使用自定义标签为 sparkline 提供额外的上下文信息。
心率
对于简明信息来说,完整的图表可能过于复杂。使用带有渐变的趋势线能够在提供足够细节的同时避免信息过载。