c# Chart.Js 和 JSON 与 NewtonSoft

Question

我正在使用 VisualStudio、c# 和 NewtonSoft.Json 研究 Chart.js。我编写了一个返回有效 JSON 字符串的类。刚刚在这里检查过: https://jsonformatter.curiousconcept.com/JSON 字符串包含 Chart.js 的全部数据，看起来像这样:

{
    "labels": [
        "O",
        "N",
        "U",
        "G"
    ],
    "datasets": [
        {
            "label": 2016,
            "fillColor": "rgba(220, 220, 220, 0.2)",
            "strokeColor": "rgba(220, 220, 220, 1)",
            "pointColor": "rgba(220, 220, 220, 1",
            "pointStrokeColor": "#fff",
            "pointHighlightFill": "#fff",
            "pointHighlightStroke": "rgba(220, 220, 220, 1",
            "data": [
                2,
                0,
                14,
                16
            ]
        }
    ]
}

现在我已经在我的 cshtml 中编写了一个小的 Ajax 脚本。看起来像这样:

<script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
            url: 'JSON/kvp_stats.cshtml',
            dataType: 'json',
            method: 'POST',
            success: function (data) {
                var d = data;
                alert(d);
                var ctx = $('#myChart');
                var myLineChart = new Chart(ctx, {
                    type: 'line',
                    data: d
                })
            },
            error: function () {
                alert('Etwas klappt nicht!');
            }
        });
    });
</script>

在 kvp_stats.cshtml 中，我做了以下操作:刚刚写道:@mm_json.getJSON_Kvp(2016) 获取返回的 JSON 字符串。

不幸的是，jquery-ajax 似乎不接受数据作为 JSON 数据，因为它会遇到错误函数。当我将数据类型更改为 html 时，它运行成功。

我认为我必须“编码”数据以使数据类型正确响应 JSON 字符串，但如何以及在何处？

感谢您的帮助。

Answer 1

好吧，我对自己感到惊讶。刚刚找到解决问题的方法。

在我的例子中，json 文件中的字符串输出 kvp_stats.cshtml 必须呈现如下:

@Html.Raw(mm_json.getJSON_Kvp(2016)) 而不仅仅是 @mm.json.getJSON_Kvp(2016)