【问题标题】:FusionCharts MVC - JSON Result Not binding the dataFusionCharts MVC - JSON 结果未绑定数据
【发布时间】:2015-05-18 09:56:00
【问题描述】:

我正在尝试在 fusionchart 最新的 javascript 版本中创建一个简单的条形图 (column2d)。在本练习中,我能够从我的 c# 代码中获取 JSON stigify 输出,但是当我将返回值绑定到 fusionchart 数据时,它不起作用。 我的 AJAX 调用,

  $.ajax({
            type: 'POST',
            url: "Reports/GetTicketAnalysisChartData",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (data) {
              var revenueChart = new FusionCharts({
                    "type": "column2d",
                    "renderAt": "chartContainer",
                    "width": "500",
                    "height": "300",
                    "dataFormat": "json",
                    "dataSource": {
                        "chart": {
                            "caption": "Monthly revenue for last year",
                            "subCaption": "Harry's SuperMart",
                            "xAxisName": "Month",
                            "yAxisName": "Revenues (In USD)",
                            "theme": "fint"
                        },
                        "data": data.d
                    }

                });
                revenueChart.render();
            },
            error: function (xhr, ErrorText, thrownError) {
                //alert(xhr.responseText);
                $("#chartContainer").html(xhr.responseText);
            }
        });

如果我将 json 输出(即“data.d”字符串)放在“data”参数中,如下所示,那么它就可以工作了。

"data" : [{"label":"abc","value":"15"},{"label":"xyz","value":"10"},{"label":"asdf","value":"12"},{"label":"ghi","value":"11"}]

当我作为对象“数据”传递时它不起作用:data.d。 请帮忙。

【问题讨论】:

  • 非常感谢任何帮助。

标签: javascript c# ajax json fusioncharts


【解决方案1】:

请直接将“data.d”传递给“数据”,不要格式化为字符串,使用您的方法正确呈现图表。

参考-http://jsfiddle.net/sanjuktamukherjee/45u56055/SampleLink

【讨论】:

    【解决方案2】:

    我在这上面浪费了很多时间。 您只需要将返回的字符串转换为 JSON 对象即可。

        var chartData = eval("(" + data.d + ')');
    

    然后将chartData传递给融合图的“数据”参数

        "data": chartData
    

    【讨论】:

      猜你喜欢
      • 2014-09-05
      • 1970-01-01
      • 2021-09-24
      • 1970-01-01
      • 2019-06-02
      • 1970-01-01
      • 2015-09-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多