Skip to content
On this page

chart图表组件

https://echarts.apache.org/handbook/zh/get-started

使用说明

图表组件不随 sybz-components 主插件一起注册。使用前需要额外安装 echarts,并注册图表插件:

sh
pnpm add echarts
pnpm add echarts
ts
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图表高度processWidth400px
width图表宽度processWidth100%

Exposes

属性名说明类型
initChart调用echarts的init方法function
resizeChart调用echarts的resize方法function

思云博智私有前端组件库