tiny-echarts
TypeScript icon, indicating that this package has built-in type declarations

0.0.31 • Public • Published

tiny-echarts

Opentiny engine materials component for Apache ECharts™.

图表物料组件库

alt text

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)

Readme

Keywords

Package Sidebar

Install

npm i tiny-echarts

Weekly Downloads

3

Version

0.0.31

License

MIT

Unpacked Size

2.4 MB

Total Files

4

Last publish

Collaborators

  • zhou_junyu