2015-03-16 2 views
0

Я пытаюсь создать простую гистограмму (column2d) в последней версии javascript fusionchart. В этом упражнении я могу получить вывод JSON для вывода из моего кода C#, но когда я привязываю возвращаемое значение к данным fusionchart, он не работает. мой AJAX вызовов,FusionCharts MVC - JSON Результат Не привязка данных

$.ajax({ 
      type: 'POST', 
      url: "Reports/GetTicketAnalysisChartData", 
      contentType: "application/json; charset=utf-8", 
      dataType: "json", 
      success: function (data) { 
       var revenueChart = new FusionCharts({ 
        "type": "column2d", 
        "renderAt": "chartContainer", 
        "width": "500", 
        "height": "300", 
        "dataFormat": "json", 
        "dataSource": { 
         "chart": { 
          "caption": "Monthly revenue for last year", 
          "subCaption": "Harry's SuperMart", 
          "xAxisName": "Month", 
          "yAxisName": "Revenues (In USD)", 
          "theme": "fint" 
         }, 
         "data": data.d 
        } 

       }); 
       revenueChart.render(); 
      }, 
      error: function (xhr, ErrorText, thrownError) { 
       //alert(xhr.responseText); 
       $("#chartContainer").html(xhr.responseText); 
      } 
     }); 

Если взять выходной JSon «data.d т.е.» строку и поместить его в параметре «данные», как показано ниже, то он работает.

"data" : [{"label":"abc","value":"15"},{"label":"xyz","value":"10"},{"label":"asdf","value":"12"},{"label":"ghi","value":"11"}] 

Он не работает, когда я передаю объект «данные»: data.d. Пожалуйста, помогите.

+0

Любая помощь будет очень ценна. –

ответ

0

Просьба передать «data.d» непосредственно в «данные» без форматирования в виде строки, и диаграмма визуализируется правильно с использованием вашего метода.

Ref.- http://jsfiddle.net/sanjuktamukherjee/45u56055/SampleLink

0

Я потратил много времени на это. Вам просто нужно преобразовать строку, которую вы вернули в объект JSON.

var chartData = eval("(" + data.d + ')'); 

, а затем передать chartData параметру термоядерного графика «данных»

"data": chartData