VSparkline API
组件页面
属性
| 名称 | 类型 | 默认值 |
|---|---|---|
| auto-draw | ||
| Trace the length of the line when first rendered. | ||
| auto-draw-duration | ||
| mount of time (in ms) to run the trace animation. | ||
| auto-draw-easing | ||
| The easing function to use for the trace animation. | ||
| auto-line-width | ||
| utomatically expand bars to use space efficiently. | ||
| color | ||
| Applies specified color to the control - supports utility colors (for example success or purple) or css color (#033 or rgba(255, 0, 0, 0.5)). Find a list of built-in classes on the colors page . | ||
| fill | ||
| Using the fill property allows you to better customize the look and feel of your sparkline. | ||
| gradient | ||
| An array of colors to use as a linear-gradient. | ||
| gradient-direction | ||
| The direction the gradient should run. | ||
| height | ||
| Height of the SVG trendline or bars. | ||
| id | ||
| MISSING DESCRIPTION | ||
| item-value | ||
| MISSING DESCRIPTION | ||
| label-size | ||
| The label font size. | ||
| labels | ||
| An array of string labels that correspond to the same index as its data counterpart. | ||
| line-width | ||
| The thickness of the line, in px. | ||
| max | ||
| MISSING DESCRIPTION | ||
| min | ||
| MISSING DESCRIPTION | ||
| model-value | ||
| The v-model value of the component. If component supports the multiple prop, this defaults to an empty array. | ||
| padding | ||
| Low smooth or high line-width values may result in cropping, increase padding to compensate. | ||
| show-labels | ||
| Show labels below each data point. | ||
| smooth | ||
| Number of px to use as a corner radius. true defaults to 8, false is 0. | ||
| type | ||
| Choose between a trendline or bars. | ||
| width | ||
| Width of the SVG trendline or bars. | ||
插槽
| default |
| The default Vue slot. |
| label |
| The default slot of the v-label or v-field-label component. |