Tiny-echarts NPM | npm.io

0.0.31 • Published 2 years ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

2 years ago

tiny-echarts

Opentiny engine materials component for Apache ECharts™.

图表物料组件库

alt text

Usage

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

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)

vue opentiny echarts

echarts echarts-gl vue

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago