2016-10-03 17 views

答えて

0

を2日後、私は最終的に答えを見つけます。あなたはFusionchart属性valueを変更することはできませんが、取得したAPIの属性は変更できます。私はAPIを取り出し、 'profit'属性をvalueに置き換えた後にループを使用しました。この方法でチャートを作ったのです。はい、私が無視していたことは、スコープの代わりに '変数'を使うことでした。あなたがこの例を見るなら、Example Hereを理解するでしょう。私は自分のコードを共有しています。誰かにも役立つかもしれません。

以下与えるが、私はtps.json

[ 
     { 
      "index": "1", 
      "variantoption": "fan-green", 
      "company": "sk fans", 
      "quantity": "650", 
      "profit": "78296", 
      "loss": "8457", 
      "year": "2016" 


     }, 
     { 
      "index": "2", 
      "variantoption": "fan-white", 
      "company": "al ahmed fans", 
      "quantity": "450", 
      "profit": "78296", 
      "loss": "8457", 
      "year": "2016" 

     }, 
     { 
      "index": "3", 
      "variantoption": "fan-purple", 
      "company": "asia fans", 
      "quantity": "350", 
      "profit": "78296", 
      "loss": "8457", 
      "year": "2016" 
     }, 
     { 
      "index": "4", 
      "variantoption": "fan-yellow", 
      "company": "falcon fans", 
      "quantity": "250", 
      "profit": "78296", 
      "loss": "8457", 
      "year": "2016" 
     } 
    ] 

と呼ばれ、ここで私のコントローラ

$http.get('js/tps.json').success(function (data) { 
     var chartdata = data; 

     var arrLength = chartdata.length; 
     console.log(arrLength); 

     for (var i = 0; i < arrLength; i++) { 
       if (chartdata[i]['profit'] && chartdata[i]['index']) { 
        chartdata[i].value = chartdata[i].profit; 
        delete chartdata[i].profit; 

        chartdata[i].label = chartdata[i].index; 
        delete chartdata[i].index; 
        console.log(chartdata); 
       } 
      } 
      console.log(chartdata); 

      FusionCharts.ready(function() { 
      var tps = new FusionCharts({ 
       type: 'column2d', 
       renderAt: 'chart-container', 
       width: '500', 
       height: '300', 
       dataFormat: 'json', 
       dataSource: { 
        "chart": { 
        "caption": "Monthly", 
        "xaxisname": "Month", 
        "yaxisname": "Revenue", 
        "numberprefix": "$", 
        "showvalues": "1", 
        "animation": "1" 
       }, 

        "data" : chartdata 
       } 

      }); 


      tps.render(); 

     }); 
    } 
    ); 

} 

-Stay愚かな滞在空腹

である私のJSON配列であります
関連する問題