javascript - get Kendo Chart() 在 javascript 中显示为未定义

标签 javascript kendo-ui

我正在通过以下方式形成剑道图表。在 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")"
            });
        });

最佳答案

尝试更换

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

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

关于javascript - get Kendo Chart() 在 javascript 中显示为未定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30596431/

相关文章:

javascript - Node.js 中的嵌套 promise 是否正常?

javascript - 返回上一页时变量未定义

asp.net-mvc - 剑道窗口中带有表单的 PartialView

javascript - Aurelia JS - 在 Kendo UI slider 更改时运行函数?

javascript - 获取访问者的 Optimizely A/B 测试和变体

javascript - 单击按钮在模态中不起作用

javascript - kendo Grid excelExport 的 hideColumn 不起作用

kendo-ui - 如何用进度条替换 Kendo UI 网格加载图像

javascript - 如何使用多选小部件过滤 KendoUI 网格?

php - 当用户在 Facebook 评论框上添加评论时发送电子邮件