Opentiny engine materials component for Apache ECharts™.
图表物料组件库
- 在 tiny-engine 项目中执行 pnpm splitMaterials 命令,将物料分离
- 将本项目 materials/components/TinyEcharts.json 文件放于 tiny-engine 项目中的 materials/components 目录下
- 在 tiny-engine 项目中执行 pnpm buildMaterials 命令,将物料打包
- 运行 pnpm run start 命令,运行设计器项目
- 拖拽左侧的 “图表”组件到右侧设计面板,即可使用
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 | 图表是否自动随容器大小缩放 |
Prop | Type | Required | Description |
---|---|---|---|
onInit | function | false | 图表初始化前触发的回调函数,onInit(echarts) |
onInited | function | false | 图表初始化后触发的回调函数,onInited(echarts,echartsInstance) |