使用 C# 将 JSON 数据从 asp.net MVC 控制器发送到 highcharts 饼图

Question

我想用 C# 从我的 asp.net MVC 控制器发送 json 数据，并使用这些数据绘制 highcharts 饼图。

所以目前我使用这个：

Dictionary<string, double> result = new Dictionary<string, double>();
result.Add("test1", 45);
result.Add("test2", 64);

var jsonResult = Json(new
{
    graphDivId = "divGraph",
    legend = "A legend",
    stats = result ,
});

jsonResult.JsonRequestBehavior = JsonRequestBehavior.AllowGet;
return jsonResult;

但是当我通过 jquery 中的 ajax 调用接收数据时，我有这个：

stats:[{"Key":"test1","Value":45},{"Key":"test2","Value":64}]

但是我需要这个：

stats:[["test1",45],["test2",64]]

有什么想法吗？

Answer 1

今天早上我在玩这个，我想出了下面的内容 - 但它不会工作，因为你会得到 [{x:"testx", y:60}....]。所以这样不好。不过，您也许可以使用它并重写 SimpleClass 上的 ToJSON 方法。

我的另一个想法（我不确定它是否有效）是拥有一个 ArrayList 的集合。由于 ArrayList 不是强类型，因此您可以向它们添加 string 和 double 属性。

让我知道结果如何。

如果您使用简单对象的列表会怎样？您也许可以使用键值对或其他一些现有类。但是您可以创建一个简单的类来保存您的数据。

   class SimpleClass{
       public int x{set; get;}
       public double y{set; get;}
   } 

    var results = new List<SimpleClass>();
    results.Add(new SimpleClass{x="test3", y=42});        
    results.Add(new SimpleClass{x="test2", y=99});

Answer 2

完美 ek_ny ！

感谢您的帮助，我找到了如何在没有特定课程的情况下进行操作：

var results = new List<List<object>>();
results.Add(new List<object>(new object[]{"test1", 45}));
results.Add(new List<object>(new object[]{"test2", 99}));

Answer 3

另一件事很高兴知道。

highcharts series.data 是一个点对象，您可以在 C# 中用此表示：

class HighChartsPoint
{
    public double x {set; get;}
    public double y {set; get;}
    public string color {set; get;}
    //public HighChartsEvent events{set; get;}
    public string id {set; get;}
    //public HighChartsMarker marker {set; get;}
    public string name {set; get;}
    public bool sliced {set; get;}
} 

参考： http://www .highcharts.com/ref/#point

ek_ny 类是点对象表示的一部分。
事件和标记被注释，因为它是另一个要编写的类。它的代表在那里：

事件：http://www.highcharts.com/ref/#point -事件

标记：http://www.highcharts.com/ref/#point -marker

所以现在你可以这样使用它：

var results = new List<HighChartsPoint>();
results.Add(new HighChartsPoint {
          name="test3", 
          y=42, 
          color="red", 
          id="someid", 
          sliced=false 
        });

var jsonResult = Json(results);
jsonResult.JsonRequestBehavior = JsonRequestBehavior.AllowGet; 
return jsonResult;

希望它有帮助......

Answer 4

万一。如果值设置为空，Highcharts 将无法显示图表。
并且asp.net mvc控制器类的Json方法无法过滤空值。

为此，您可以使用 json.net 库并创建一个 JsonNetResult （继承自 ActionResult）：

public class JsonNetResult : ActionResult
    {

        public Encoding ContentEncoding { get; set; }
        public string ContentType { get; set; }
        public object Data { get; set; }        
        public JsonSerializerSettings SerializerSettings { get; set; }
        public Formatting Formatting { get; set; }

        public JsonNetResult()
        {
            SerializerSettings = new JsonSerializerSettings();
        }

        public override void ExecuteResult(ControllerContext context)
        {
            if (context == null)
                throw new ArgumentNullException("context");
            HttpResponseBase response = context.HttpContext.Response;
            response.ContentType = !string.IsNullOrEmpty(ContentType)
              ? ContentType
              : "application/json";

            if (ContentEncoding != null)
                response.ContentEncoding = ContentEncoding;

            if (Data != null)
            {
                JsonTextWriter writer = new JsonTextWriter(response.Output) { Formatting = Formatting };
                JsonSerializer serializer = JsonSerializer.Create(SerializerSettings);
                serializer.Serialize(writer, Data);
                writer.Flush();
            }
        }
    }

然后将此方法添加到您的控制器中以替换 asp.net mvc 的 Json 方法：

protected JsonNetResult JsonNet(object data, bool needDefaultSettings)
        {
            var result = new JsonNetResult();
            result.Data = data;

            if (needDefaultSettings)
            {
                var defaultSettings = new JsonSerializerSettings
                {
                    NullValueHandling = NullValueHandling.Ignore,
                    DefaultValueHandling = DefaultValueHandling.Ignore
                };
                result.SerializerSettings = defaultSettings;
            }

            return result;
        }

所以现在您可以在控制器中使用它像这样的操作：

public JsonNetResult MyAction()
{
    MyClass myObject = new MyClass();
    return JsonNet(myObject);
}

啊还有另一件事，请毫不犹豫地在 MyClass 属性上使用 Json.Net DefaultValue 属性：

[DefaultValue(null)]