针对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'
网友评论