麻烦帮我看下Echarts数据获取的问题(图表只显示三号位的数据)

ycw31869

1. Model.prototype.modelLoad = function(event){
   
2.     var myChart = echarts.init(this.getElementByXid('kucunhuowei'));
   
3.                 var JSONObject=[{"name":"一号位","value":"10"},{"name":"二号位","value":"6"},{"name":"三号位","value":"5"}];
   
4.                 var names=[];
   
5.                 var values=[];
   
6.                 for(i=0;i<JSONObject.length;i++){
   
7.                 names=JSONObject[i].name;
   
8.                 values=JSONObject[i].value;
   
9.                 }
   
10.                
    
11.                
    
12.     var option = {   
    
13.                         tooltip : {
    
14.                                 trigger : 'item',
    
15.                                 formatter : "{a} <br/>{b} : {c} ({d}%)"
    
16.                         },
    
17.                         legend : {
    
18.                                 orient : 'vertical',
    
19.                                 left : 'left',
    
20.                                 data : []
    
21.                         },
    
22.                         series : [ {
    
23.                                 name : '库存数据',
    
24.                                 type : 'pie',
    
25.                                 radius : '50%',
    
26.                                 center : [ '50%', '55%' ],
    
27.                                 label : {
    
28.                                      normal : {
    
29.                                                 show : true,
    
30.                                                 formatter : '{b} : {c} ({d}%)',
    
31.                                                 textStyle : {
    
32.                                                         fontSize : 14,
    
33.                                                 }
    
34.                                         },
    
35.                                      emphasis : {
    
36.                                                 show : true
    
37.                                         }
    
38.                                 },
    
39.                                 data : [{name:names,value:values}],
    
40.                                 itemStyle : {
    
41.                                         emphasis : {
    
42.                                                 shadowBlur : 10,
    
43.                                                 shadowOffsetX : 0,
    
44.                                                 shadowColor : 'rgba(0, 0, 0, 0.5)'
    
45.                                         }
    
46.                                 }
    
47.                         } ]
    
48.                 };
    
49.                
    
50.                 // 使用刚指定的配置项和数据显示图表。
    
51.                 myChart.setOption(option);
    
52.         };

复制代码

ycw31869

C:\Users\Administrator\Desktop\捕获2.png

liangyongfei

Echarts 属于第三方控件的用法！
你可以上网查下~！显示不对， 有可能就是数据存的格式不符合要求！

ycw31869

liangyongfei 发表于 2016-12-7 14:26
Echarts 属于第三方控件的用法！
你可以上网查下~！显示不对， 有可能就是数据存的格式不符合要求！ ...

那我的调用数据的方式对吗？还是就只是json没写对了

liangyongfei

ycw31869 发表于 2016-12-7 14:58
那我的调用数据的方式对吗？还是就只是json没写对了

不确定！需要你看看Echarts 提供的案例demo是怎么写的！
建议上网搜下吧！