美文网首页
echart报错: Component series.XXX

echart报错: Component series.XXX

作者: Nosaj | 来源:发表于2018-08-24 18:07 被阅读0次

针对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'

相关文章

网友评论

      本文标题:echart报错: Component series.XXX

      本文链接:https://www.haomeiwen.com/subject/exsiiftx.html