Appearance
chart图表组件
https://echarts.apache.org/handbook/zh/get-started
使用说明
图表组件不随 sybz-components 主插件一起注册。使用前需要额外安装 echarts,并注册图表插件:
sh
pnpm add echartspnpm add echartsts
import SybzChartComponents from 'sybz-components/charts'
import 'sybz-components/charts/style.css'
app.use(SybzChartComponents)import SybzChartComponents from 'sybz-components/charts'
import 'sybz-components/charts/style.css'
app.use(SybzChartComponents)Hidden Title
基础用法:
<s-chart :option="option" />属性事件插槽简介
基础用法
折线图
柱状图
饼图
主题切换
空状态
插槽
dataset 数据集
多种情况
属性
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| option | 指定图表的配置项和数据 | Object | {} |
| height | 图表高度 | processWidth | 400px |
| width | 图表宽度 | processWidth | 100% |
Exposes
| 属性名 | 说明 | 类型 |
|---|---|---|
| initChart | 调用echarts的init方法 | function |
| resizeChart | 调用echarts的resize方法 | function |