手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

echarts如何重新渲染

时间:2024-10-12 13:37:59

1、通过文件esl.js内封装好的require获得echarts接口后可实例化图表,echarts接口濡茬碧唢仅有一个方法init,执行init时传入一个具备大小(如果没有指定容器的大小将会按照0大小来处理即无法看到图表)的dom节点(width、height可被计算得到即可,不一定可见)后即可实例化出图表对象,图表库实现为多实例的,同一页面可多次init出多个图表。图表实例可用方法见方法,引入ECharts后的的初始化代码如下:

echarts如何重新渲染

2、如果你不习惯于模块化你也可以这样进行初始化:

echarts如何重新渲染

3、init方法说明如下:

echarts如何重新渲染

4、注意事项:再实例化之前请确保相关的js文件已经引入且路径正确;

echarts如何重新渲染

5、在执行图表对象渲染方法init(dom)的时候,记住这里的dom是一个页面容器元素的对象,请确保这个元素对象是存在的,否则执行了init(dom)方法时会报出尚未定义的错误;

echarts如何重新渲染

6、dom元素一定要指定其大小,关于元素的大小我么可以通过css进行设置:

echarts如何重新渲染
© 手抄报圈