【问题标题】:Generating multiple charts from JSON Kendo UI Data viz从 JSON Kendo UI Data 生成多个图表
【发布时间】:2013-11-26 18:46:23
【问题描述】:

我有一个 JSON 结果,它返回我想要显示的数据,但问题是它都出现在一个图表上。我想遍历 JSON 并为每个项目生成一个图表(按问题分组的 JSON 对象)

这是 JSON 结构:

[{"Question":"At which location is your work based?","OptionTitles": ["opt1","opt2"],"OptionCounts":[2,2]},

{"Question":"In which business unit do you work?","OptionTitles":["opt1","opt2","opt3","opt4"],"OptionCounts":[1,1,1,1]}]

所以对于这些问题对象中的每一个,我想显示一个单独的剑道图表,知道如何实现这一点吗?

图表代码:

  $("#chartBar").kendoChart({
            theme: "metro",
            dataSource: {
                transport: {
                    read: {
                        url: '/urlToData',
                        dataType: 'json'
                    }
                }
            },
            seriesDefaults: {
              type:"bar"  
            },
            series: [{ name: "OptionTitles[0]", field: "OptionCounts[0]" }],

            categoryAxis: {
              field: "OptionTitles[0]"  
            },
            tooltip: { visible: true },
        });

非常感谢

【问题讨论】:

  • 在页面上创建许多图表的最简单方法是使用 MVVM 的绑定,但遗憾的是 Kendoui 小部件不支持它。

标签: kendo-ui kendo-dataviz


【解决方案1】:

我需要遍历 json,为每个要绑定的图表创建一个新对象

【讨论】:

    猜你喜欢
    • 2015-04-01
    • 2022-01-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-12-24
    • 2016-02-14
    • 1970-01-01
    • 2016-10-25
    相关资源
    最近更新 更多