如何使用 C# 创建 Google DataTable JSON 预期源？

Question

如何创建 google.visualization.datatable 所需的 JSON 源使用 C#？显然，使用 JavaScriptSerializer 是不可能的，因为预期的 JSON 具有文档中描述的奇怪结构：

var dt = new google.visualization.DataTable(
     {
       cols: [{id: 'task', label: 'Task', type: 'string'},
                {id: 'hours', label: 'Hours per Day', type: 'number'}],
       rows: [{c:[{v: 'Work'}, {v: 11}]},
              {c:[{v: 'Eat'}, {v: 2}]},
              {c:[{v: 'Commute'}, {v: 2}]},
              {c:[{v: 'Watch TV'}, {v:2}]},
              {c:[{v: 'Sleep'}, {v:7, f:'7.000'}]}
             ]
     },
   0.6
)

Answer 1

虽然我不熟悉 .NET 环境，但 Google Visualization API 有一个名为 bortosky-google-可视化。该库从 System.Data.DataTable 对象写入 JSON Google DataTable。

Answer 2

实现此目的的另一种方法是使用 Google DataTable .Net Wrapper (https://googledatatablelib.codeplex.com/) 它提供了使用强类型 System.DataTable 的可能性，然后可以将其转换为 google.datatable 可视化 JSON 格式。

此服务器端代码

public string GetStatisticsForChart(string messageCode)
{
    //some repository that returns data....
    var data = _statisticsRepository.GetPerMessage(messageCode);

    //It simply returns a list of objects with Year and Count properties.
    var query = (from t in data
                group t by new {t.TimeStamp.Year}
                into grp
                select new
                    {
                        grp.Key.Year,
                        Count = grp.Count()
                    }).ToList();

    //let's instantiate the DataTable.
    var dt = new Google.DataTable.Net.Wrapper.DataTable();
    dt.AddColumn(new Column(ColumnType.String, "Year", "Year"));
    dt.AddColumn(new Column(ColumnType.Number, "Count", "Count"));

    foreach (var item in query)
    {
        Row r = dt.NewRow();
        r.AddCellRange(new Cell[]
        {
            new Cell(item.Year),
            new Cell(item.Count)
        });
        dt.AddRow(r);
    }

//Let's create a Json string as expected by the Google Charts API.
return dt.GetJson();
}

将生成以下 JSON 输出

{
    "cols": [
            {"type": "string", "id": "Year",  "label": "Year"}, 
            {"type": "number", "id": "Count", "label": "Count"}
        ], 
    "rows": [
            {"c": [{"v": "2011"}, {"v": "1860"}]}, 
            {"c": [{"v": "2012"}, {"v": "2000"}]}
        ]
}

，这可以在 Asp.NET WebAPI 中使用，也可以直接在 ASP.NET MVC 控制器中使用。

Answer 3

上面示例中的预期 JSON 不是 JSON，而是 Javascript 对象文字。 JSON 只是 Javascript 对象文字表示法的子集，但如果 Google DataTable 使用类似的 JSON 进行初始化，上面的示例应该（并且确实）也可以工作。 （要获得正确的 JSON，只需在键周围加上双引号。）

因此，实际上您可以使用 DataContractJsonSerializer 或 JavaScriptSerializer 为 Google DataTable 构建 JSON。但是，如果您的起点是 System.Data.DataTable，那么使用上面答案中提到的库可能会更容易。

Answer 4

通过 C# 创建 google 图表数据表的最佳方法是迭代数据并填充模型类并以 JSON 形式返回填充模型，这里是模型表示：-

 public class GChartsDataTbl
{
    public List<Col> cols { get; set; }
    public List<Row> rows { get; set; }
}
public class Col
{
    public string id { get; set; }
    public string type { get; set; }
}

public class C
{
    public string v { get; set; }
    public object f { get; set; }
}

public class Row
{
    public List<C> c { get; set; }
}