tiny-echarts

Opentiny engine materials component for Apache ECharts™.

图表物料组件库

Usage

1. 在 tiny-engine 项目中执行 pnpm splitMaterials 命令，将物料分离
2. 将本项目 materials/components/TinyEcharts.json 文件放于 tiny-engine 项目中的 materials/components 目录下
3. 在 tiny-engine 项目中执行 pnpm buildMaterials 命令，将物料打包
4. 运行 pnpm run start 命令，运行设计器项目
5. 拖拽左侧的 “图表”组件到右侧设计面板，即可使用

Props

| Prop | Type | Required | Description | | ----------- | --------------- | -------- | --------------------------------------------------------------------------------------------------------------------------------- | | data | object | false | 设置图表的业务数据,数据将默认被合并到 option.dataset.source,请参照文档 https://echarts.apache.org/zh/option.html#dataset.source | | option | object,function | true | 图表的配置数据,请参照文档 https://echarts.apache.org/zh/option.html#title 如果为函数则定义为 option(echarts,echartsInstance,data) | | optionOpts | object | false | 图表的数据刷新参数,请参照文档 https://echarts.apache.org/zh/api.html#echartsInstance.setOption | | loadingOpts | object | false | 图表的加载动画参数,请参照文档 https://echarts.apache.org/zh/api.html#echartsInstance.showLoading | | initTheme | object,string | false | 图表创建时的皮肤样式,请参照文档 https://echarts.apache.org/zh/api.html#echarts.init | | initOpts | object | false | 图表创建时的初始化参数,请参照文档 https://echarts.apache.org/zh/api.html#echarts.init | | autoResize | bool | false | 图表是否自动随容器大小缩放 |

Events

| Prop | Type | Required | Description | | -------- | -------- | -------- | ------------------------------------------------------------ | | onInit | function | false | 图表初始化前触发的回调函数,onInit(echarts) | | onInited | function | false | 图表初始化后触发的回调函数,onInited(echarts,echartsInstance) |