2016-10-21 2 views
0

Ich habe Controller, der Datenbankdaten und json zurück zu Javascript nimmt Aber ich habe Problem, dass ich Diagramm nicht zeigen kann, aber nicht in der Lage, Bars zu zeigen Ich versuchte verschiedene Methoden und jetzt brauche ich deine Hilfe!mvc C# flot-Diagramm nicht darstellen, json-Daten nicht gültig?

Controller:

foreach (Dashboard item in result) 
    { 
    DateTime kint = Convert.ToDateTime(item.date); 
    String dd = kint.Day.ToString(); 
    stats.Add(new ReferralStat {data = Convert.ToInt16(item.percentage), label = "" + dd + ""}); 
    perc.Add(new AccupancyPerc {data = Convert.ToInt16(item.percentage), label = Convert.ToInt16(dd)}); 
    arr.Add(new Tuple<int, int>(Convert.ToInt16(dd), Convert.ToInt16(item.percentage))); 
    percent.Add(Convert.ToInt16(item.percentage)); 
    json_string = json_string + "[" + dd + ", 100], "; 
    }; 

I diferent Formate retur versucht: stat/perc/arr/Prozent

return Json(stats, "application/json", JsonRequestBehavior.AllowGet); 

JavaScript:

function chartWeek(placeholder) { 

     var chartdata = []; 
     $(function() { 
      `$`.getJSON('../../Home/WeekAccupancy', function (chart_data) { 
       console.log(chart_data); 
       $.plot(placeholder, chart_data, { 
        series: { 
         pie: { 
          show: true, 
          innerRadius: .4, 
          stroke: { 
           width: 4, 
           color: "#F9F9F9" 
          }, 
          label: { 
           show: true, 
           radius: 3/4, 
           formatter: donutLabelFormatter 
          } 
         }, 
        }, 
        legend: { 
         show: true 
        }, 
        grid: { 
         hoverable: true 
        }, 
        colors: ["#7d939a", "#5399D6", "#d7ea2b"], 
       }) 
       //alert(chart_data); 
      }); 
     }); 
    } 
+2

Wie funktioniert console.log (chart_data); aussehen wie? – FailedUnitTest

Antwort

0

Es scheint, dass Ihr Diagramm falsch konfiguriert ist . Sie müssen Diagrammdaten in die Diagrammkonfiguration einfügen und es sollte hoffentlich funktionieren.