【问题标题】:getKendoChart() is showing as undefiend in javascript获取 Kendo Chart() 在 javascript 中显示为未定义
【发布时间】:2015-06-02 12:41:44
【问题描述】:

我正在以下面的方式形成剑道字符图表。在 javascript 中,getKendoChart 是未定义的。请检查一下并告诉我如何解决这个问题。

var rdChartBy = '@Model.paretoFilters.ReportBy';
    if(rdChartBy == 'Project Submitted')
        $("#rbnprojSub").prop("checked", true);
    if(rdChartBy == 'FA Completed')
        $("#rbnprojComp").prop("checked", true);
    var paretoData = @Html.Raw(Json.Encode(@Model.paretoChartData));

    var dsParetoData = new kendo.data.DataSource({
        data: paretoData
    });

    $("#ParetoChart").kendoChart({
        title: {
            text: "Pareto Chart Report",
            font: "bold 20px Arial,Helvetica,sans-serif",
            color: "brown"
        },

        dataSource: dsParetoData,
        series: [{
            type: "column",           
            categoryField: "Month",
            name : "No.Of Projects",
            field:"No_Of_Projects"
        },{
            type:"line",
            categoryField:"Month",           
            style: "rigid",
            name:"Cumilative%",
            field:"Cumulative"
        }],

        valueAxis: {
            title: {
                text: "No.OfProjects/Cumilative%",
                font: "bold 15px Arial,Helvetica,sans-serif",
                color: "brown"
            }
        },
        chartArea: {
            width: 850,
            height: 400
        },
        categoryAxis:{
            title: {
                text: "Month",
                font: "bold 18px Arial,Helvetica,sans-serif",
                color: "brown"
            },
            labels: { rotation: -45 },
            width:50
        },

        tooltip: {
            visible: true,
            template: "${series.name} : ${value}"
        }
    });

    function exportChart(e)
    {      
        debugger;

        var chart = $("#ParetoChart").getKendoChart();
        chart.exportImage().done(function (data) {
            kendo.saveAs({
                dataURI: data,
                fileName: "chart.png",
                proxyURL: "@Url.Action("Export_Save", "Chart_Api")"
            });
        });

【问题讨论】:

    标签: javascript kendo-ui


    【解决方案1】:

    尝试替换

    var chart = $("#ParetoChart").getKendoChart();
    

    var chart = $("#ParetoChart").data("kendoChart");
    

    【讨论】:

    • 奇怪,确切的代码应该可以工作。请参阅工作示例jsbin.com/vigedu/1/edit?html,js,console,output 所以当你调用 var chart = $("#ParetoChart").data("kendoChart");它会在控制台上抛出错误吗?还是在那之后图表只是空?
    • 嗨罗宾,它没有抛出任何错误图表显示为空。还有什么可能是原因。
    • 嗨罗宾,这是我得到的数据 var paretoData = [{"Month":"June2014","No_Of_Projects":"0","Cumulative":"0"},{"月":"July2014","No_Of_Projects":"0","Cumulative":"0"},{"Month":"August2014","No_Of_Projects":"0","Cumulative":"0"}, {"月":"September2014","No_Of_Projects":"0","Cumulative":"0"}];请在 fiddler 中试试看
    • 这是您的代码和您的数据,它似乎运行良好。 jsbin.com/vigedu/2/edit?html,js,output 编辑您的原始问题,并在页面上包含您的 js 引用。
    • 嗨罗宾,我已经尝试在我的页面上包含 JS 文件,但我的图表仍然未定义。
    猜你喜欢
    • 1970-01-01
    • 2020-02-17
    • 2016-01-25
    • 2021-12-30
    • 2021-01-18
    • 1970-01-01
    • 2016-02-26
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多