2016-10-03 10 views
0

Привет, я внедряю диаграмму в приложении Angularjs, вы можете видеть этот плунжер http://jsfiddle.net/fusioncharts/73xgmacm/ Вещь, которую я хочу достичь, - это изменить атрибут value на profit. Как я могу это сделать ? Я хочу показать profit не значения.Как изменить атрибут в наборе данных Fusionchart?

С уважением

ответ

0

Через 2 дня я, наконец, найти ответ. Дело в том, что вы не можете изменить атрибут Fusionchartvalue, но вы можете изменить атрибут своего API после того, как вы его извлекли. Я использовал цикл после того, как я получил API и заменил атрибут «прибыль» value таким образом, что сделал диаграмму. Да То, что я игнорировал, было использование «переменной», а не сферы. Если вы видите этот пример, вы поймете Example Here. Я делюсь своим кодом. Может быть, это тоже помогает кому-то другому.

Дайте ниже мой JSON массив, который я назвал 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 глупо остаться голодным

 Смежные вопросы

  • Нет связанных вопросов^_^