在kendo dataviz图表本地数据绑定中,JSON数据值被唾弃?

时间:2013-03-22 07:58:49

标签: javascript kendo-ui kendo-dataviz

我使用Kendo ui dataviz创建柱形图。  在我的程序中,我将绑定本地Javascript数组变量数据到图表数据源。  对于“396”,JSON数据像“3”“9”“6”一样被摧毁。  我不知道为什么会这样。我的源代码是打击。请检查一下,请给出解决方案。

来源:

/**************Variable Declaration**********************************/
var eligibilityData = new Array();
eligibilityData = {
    mem_status: {
        a: 396, b: "56", c: "1125", d: "8423"
    }
};

/**************Create Chart**********************************/
function createBarChart(eligibilityData) {
    /****** Issue: A value is 396 but it spilted into "3","9","6"************/
    $("#Chart1").kendoChart({
        theme         : $(document).data("kendoSkin") || "default",
        dataSource    : {
            data: JSON.stringify(eligibilityData.mem_status.a),
        },
        seriesDefaults: { type: "column", },
        series        : [
            { field: "a", name : "A" }
        ],
        tooltip       : { visible: true, },
    });
}

2 个答案:

答案 0 :(得分:1)

本地数据应作为数组传递。无需调用JSON.stringify

data: [eligibilityData.mem_status]

请参阅:http://docs.kendoui.com/api/framework/datasource#configuration-data-Array

答案 1 :(得分:0)

JSON.stringify没有达到您的预期。你的判决真的是:

  1. 获取number 396并将其转换为string
  2. string转换为每个元素一个字符的array
  3. 不确定定义DataSource的方式(为什么你想要DataSource只有一个元素),但如果这真的是你想要的,你可以试试:

    dataSource    : {
        data: [eligibilityData.mem_status.a]
    },
    

    dataSource    : {
        data: [eligibilityData.mem_status]
    },