C# 使用Google图表API可视化JSON数据
我需要在ASP.NET中使用google图表API可视化json数据的动态字符串。但我不能把这些数据放在数据表中用于可视化。事实上,这些json数据可以通过数据库的特定API提取。我不能直接访问数据库。 以下是此类动态数据的示例:C# 使用Google图表API可视化JSON数据,c#,asp.net,json,google-visualization,visualization,C#,Asp.net,Json,Google Visualization,Visualization,我需要在ASP.NET中使用google图表API可视化json数据的动态字符串。但我不能把这些数据放在数据表中用于可视化。事实上,这些json数据可以通过数据库的特定API提取。我不能直接访问数据库。 以下是此类动态数据的示例: { "APIVer":1, "result":1, "total_product":154, "returned_product":7, "products":[ { "id":"430",
{
"APIVer":1,
"result":1,
"total_product":154,
"returned_product":7,
"products":[
{
"id":"430",
"source":"SHELL",
"action":"UPDATE",
"type":"POSITION",
"category":"ENVIRONMENT",
"timestamp":"1367494024",
"entities":[
{
"key":"station",
"value":"6587"
},
{
"key":"capacity",
"value":"60612095"
}
]
}
谢谢。这是一个基本的框架框架,您可以使用它来构建数据表以绘制图表:
/* "obj" is your json object
* this creates a DataTable containing:
* Category
* Timestamp
* Key
* Value
* entries for each entity in each product
*/
var data = new google.visualization.DataTable();
data.addColumn('string', 'Category');
data.addColumn('number', 'Timestamp');
data.addColumn('string', 'Key');
data.addColumn('number', 'Value');
var p, c, t, e;
for (var i = 0; i < obj.products.length; i++) {
p = obj.products[i];
c = p.category;
t = parseInt(p.timestamp);
for (var j = 0; j < p.entities.length; j++) {
e = p.entities[j];
data.addRow([c, t, e.key, parseInt(e.value)]);
}
}
/*“obj”是您的json对象
*这将创建一个数据表,其中包含:
*类别
*时间戳
*钥匙
*价值观
*每个产品中每个实体的条目
*/
var data=new google.visualization.DataTable();
data.addColumn('string','Category');
data.addColumn('number','Timestamp');
data.addColumn('string','Key');
data.addColumn('number','Value');
var p,c,t,e;
对于(变量i=0;i
您必须对其进行调整,以使用要绘制图表的特定字段。您可以用javascript解析该字段,将数据放入DataTable中。您希望使用该数据的哪些组件来生成图表,以及它将是什么类型的图表?例如,我需要按类别和时间戳筛选这些数据,然后在饼图或条形图中显示它们