一个关于ECharts图表组件的问题,一个页面内创建多个图表,最大的问题可能是受到了require([],function(){});的阻碍。
其实require无非就是一个模块化加载借用其回调函数去创建图表对象。
所以只要我们能够将创建多个图表对象的方法进行统一封装形成一个方法放入require()的回调函数内即可。
一个页面内创建多个ECharts图表示例效果图呈现
想要在一个页面创建多个图表对象需要准备如下几个条件,也可以说是注意事项:
1、想要创建几个图表对象就需要预先设置多少个图表容器
图表容器作为图表的载体,所以是必须的,且必须指定每一个容器的width和height为非零,否则会产生图表无法呈现的结果。