将List <t>序列化为google charts json datatable </t>

时间:2011-05-27 07:32:52

标签: c# asp.net-mvc-3 google-visualization

我正在寻找一种将对象列表序列化为谷歌图表json数据格式的通用方法。

This示例非常接近,但它使用的是数据表..

我希望这会涉及一些反思,有些可能是模型属性的内容。 有人能指点我到图书馆吗?

如果我可以将这样的查询序列化为谷歌图表格式,那就更好了:

var results = from m in be.cmsMember
      where m.FirstLogin != null
      && m.FirstLogin >= BitCoinGoLive
      group m by

      new { Year = m.FirstLogin.Value.Year, Month = m.FirstLogin.Value.Month, Day =           m.FirstLogin.Value.Day } into grp
      select new
      {
                              Year = grp.Key.Year,
                              Month = grp.Key.Month,
                              Day = grp.Key.Day,
                              Count = grp.Count()
      };

5 个答案:

答案 0 :(得分:16)

我会创建自己的类层次结构,与Google的API匹配,然后使用JSON.NET对其进行序列化。可能的数据模型:

public class Graph {
    public ColInfo[] cols { get; set; }
    public DataPointSet[] rows { get; set; }
    public Dictionary<string, string> p { get; set; }
}

public class ColInfo {
    public string id { get; set; }
    public string label { get; set; }
    public string type { get; set; }
}

public class DataPointSet {
    public DataPoint[] c { get; set; }
}

public class DataPoint {
    public string v { get; set; } // value
    public string f { get; set; } // format
}

然后是一个示例用法:

var graph = new Graph {
    cols = new ColInfo[] {
        new ColInfo { id = "A", label = "set A", type = "string" },
        new ColInfo { id = "B", label = "set B", type = "string" },
        new ColInfo { id = "C", label = "set C", type = "string" }
    },
    rows = new DataPointSet[] {
        new DataPointSet {
            c = new DataPoint[] {
                new DataPoint { v = "a" },
                new DataPoint { v = "b", f = "One" }
            }
        }
    },
    p = new Dictionary<string, string>()
};

string json;
//var s = new JsonSerializer();
var s = new JavaScriptSerializer();
/*using (var sw = new StringWriter()) {
    s.Serialize(sw, graph);
    json = sw.ToString();
}*/
var sw = new StringBuilder();
s.Serialize(graph, sw);
json = sw.ToString();

您可以使用Linq的Select()将您的数据转换为Google的数据模型,然后将其序列化为JSON。

答案 1 :(得分:1)

看看JSON.NET。根据您的课程生成json这是一个很棒的库,这个页面将为您提供如何序列化的示例:http://james.newtonking.com/pages/json-net.aspx

希望这会指出你正确的方向,

答案 2 :(得分:1)

这是一个完整的工作功能,也适用于匿名类型。

仔细考虑日期:这些也需要在客户端解析:例如

for (var i = 0; i < data.rows.length;i++ ) {
   data.rows[i].c[0].v = new Date(data.rows[i].c[0].v);
}



private string getGetJsonString<T>(IEnumerable<dynamic> list, dynamic row) {

    string header = "{\"cols\":[";
    PropertyInfo[] props = row.GetType().GetProperties();
    foreach (PropertyInfo p in props)
    {

        header += "{\"id\":\"" + p.Name + "\", \"label\":\"" + p.Name + "\",";
        switch (p.PropertyType.Name)
        {
            case "Int32":
                header += "\"type\":\"number\"";
                break;
            case "DateTime":
                header += "\"type\":\"date\"";
                break;
            default:
                header += "\"type\":\"string\"";
                break;
        }
        header += "},";
    }
    header = header.Substring(0, header.Length - 1);
    header += "]";

    StringBuilder json = new StringBuilder();
    json.Append(header + ",\"rows\":[");

    bool first = true;
    foreach (dynamic a in list)
    {
        string jRow = "{\"c\":[";
        if (first)
            first = false;                    
        else
            jRow = "," + jRow;

        foreach (PropertyInfo p in props)
        {

            // todo get other fieldtypes from http://code.google.com/apis/chart/interactive/docs/reference.html#dataparam
            switch (p.PropertyType.Name)
            {
                case "Int32":
                    jRow += "{\"v\":";
                    jRow += p.GetValue(a,null).ToString();
                    jRow += "},";
                    break;
                case "DateTime":
                    jRow += "{\"v\":\"";
                    DateTime d = ((DateTime)p.GetValue(a, null));
                    //jRow += d.DayOfYear;
                    //jRow += "\\/Date("+d.Ticks+")\\/";
                    jRow += d.ToString("yyyy-MM-dd");
                    //jRow += "new Date(" + d.Ticks+ ")";
                    jRow += "\"},";
                    break; 
                default:
                    jRow += "{\"v\":\"";
                    jRow += p.GetValue(a,null).ToString();
                    jRow += "\"},";
                    break;
            }

        }
        jRow = jRow.Substring(0, jRow.Length - 1);
        json.Append(jRow + "]}");
    }

    json.Append("]}");


    return json.ToString() ;
}

答案 3 :(得分:0)

我建议使用与Google的JSON格式匹配的类的组合,与Json.net结合使用。基本步骤是。

  1. 指定列
  2. 从任何来源(使用linq)选择数据到与正确列匹配的行单元格值
  3. 使用JSON.net序列化到json
  4. 这是@emfurry和@ TWith2Sugars的两个建议的组合。

    所以类似于@emfurrys的类(可能添加一些构造函数来删除对象初始化的需要)有点像:

    Table table = new Table();
    
    ColInfo[] cols = new ColInfo[4]; 
    cols.Add("year", "Year", "string");
    cols.Add("month", "Month", "string");  
    cols.Add("day", "Day", "string"); 
    cols.Add("count", "Count", "number"); 
    
    table.rows = cmsMembersWithCount.Select(row => new DataPointSet(){ 
    {new DataPoint(row.Year)} 
    {new DataPoint(row.Month)} 
    {new DataPoint(row.Day)} 
    {new DataPoint(row.Count)} 
    }).ToArray();
    
    
    var json = JsonConvert.SerializeObject(table);
    
    鲍勃是你的叔叔。 N.B鲍勃没有经过考验,他就在这里作为一个小例子,他假设了一点,但他希望能够概述如何快速从任何数据源到谷歌的图表JSON格式。

答案 4 :(得分:0)

我使用Google DataTable .Net Wrapper上提供的Nuget。我在http://nicholasbering.ca/dot-net/2014/10/24/google-data-table-dot-net-wrapper/的博客中有一篇关于它的文章,但总结一下,你可以做类似以下的事情。

var list = new[]
                 {
                     new {Name = "Dogs", Count = 5},
                     new {Name = "Cats", Count = 2}
                 };

 var json = list.ToGoogleDataTable()
                .NewColumn(new Column(ColumnType.String, "Name"), x => x.Name)
                .NewColumn(new Column(ColumnType.Number, "Count"), x => x.Count)
                .Build()
                .GetJson();

上面的示例正在处理数组,但它应该适用于任何IEnumrable<T>