useECharts
小于 1 分钟
用于统一创建图表,使用内置 createEChartsInstance 方法创建实例,拥有以下功能:
- 自动侦测主题切换,完成重新渲染图表。
- 自动侦测容器大小改变,完成 resize 操作。
基础用法
必须使用 createEChartsInstance
方法创建实例才能自动侦测主题切换,完成重新渲染图表。
const { createEChartsInstance } = useECharts();
// 创建图表实例,切记一定要使用 createEChartsInstance 创建实例
const echartsInstance = createEChartsInstance(document.getElementById('lineChart'));
echartsInstance.setOption(option);
API
UseEChartsReturn
参数 | 类型 | 说明 |
---|---|---|
createEChartsInstance | Function | 创建一个 ECharts 实例,返回 echartsInstance,不能在单个容器上初始化多个 ECharts 实例。 |
echarts | ECharts | 全局 echarts 对象,不要使用内部的 init 方法,使用 createEChartsInstance 方法来创建实例。 |