echart报错: Component series.XXX not exists. Load it first

针对Error: Component series. not exists. Load it first的错误
查到了三中解决办法,整理一下。

1.设置series的时候确保name,data,type这3个必须的属性设置上了.

series: [{
    name:'得到',
    type:'line',
    data:[100.,311.3,322.8,]
}],

2.因为初始化option中的series属性并没有与myCharts.setOption中的series属性一一对应,因此导致series并未被完全加载


 1 function fetchData(cb){
 2         setTimeout(function(){
 3             cb({
 4                 categories:["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子","新增"],
 5                 data:[5,20,36,10,10,20,60]
 6             });
 7         },1000);
 8     }
 9 //    初始化option
10     option={
11         title:{
12             text:'异步数据加载'
13         },
14         tooltip:{},
15         legend:{
16             data:['销量']
17         },
18         xAxis:{
19             data:[]
20         },
21         yAxis:{},
22         series:[{
23             name:'销量',
24             type:'bar',
25             data:[]
26         }]
27     }
28     fetchData(function(data){
29         mychart.setOption({
30             xAxis:{
31                 data:data.categories
32             },
33             yAxis:{},
34             series:[{
35                 name:'销量',
36                 type:'bar',
37                 data:data.data
38             }]
39         });
40     });

3.vue中的引入方式导致的结果(我最后解决的办法)

错误: main.js中
import echarts from 'echarts/lib/echarts'
改为:
import echarts from 'echarts'
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • awesome-github-vue 是由OpenDigg[https://blog.csdn.net/opend...
    我是七月阅读 2,527评论 0 20
  • “爷爷,你再看我一眼,爷爷,你别走,你再看我一眼,爷爷……”一个充满了阳刚之气的小伙子,他的声音是如此洪亮,一声声...
    田里的豆阅读 450评论 3 4
  • 与iOS相遇 依稀记得应是大二寒假在家中的时候,无意间在网易公开课上看到了“著名”的斯坦福iOS公开课,从此便开始...
    Cocoaboy阅读 486评论 1 1
  • 我是烦恼?——〉随它去吧! 从明天起,提神醒脑 现在,好好睡觉 鬼在你心里,不在外面 我现在可能走在错误的道路上,...
    Eason_Grace阅读 211评论 0 0
  • 20160414,也就是北京时间的昨天,全世界的焦点都在洛杉矶斯台普斯中心球馆的一个人身上。 是的,那个人就是Ko...
    兰火火火火阅读 625评论 7 7

友情链接更多精彩内容