将 Kendo UI Dataviz 图表系列绑定到特定模型

Question

是否可以从具有如下结构的远程数据源创建 Kendo UI DataViz 图表

    "gender": [
        {"male": 23421}, 
        {"female": 24376},
        {"unknown": 324}
        ], 

而不是使用（来自文档中的示例）

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  categoryAxis: {
    field: "year"
  },
  series: [
    { field: "value" }
  ],
  dataSource: [
    { year: "2012", value: 1 },
    { year: "2013", value: 2 }
  ]
});
</script>

我想使用格式为的数据源

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  categoryAxis: {
    field: "year"
  },
  series: [
    { field: "value" }
  ],
  dataSource: [
    { "2012": 1 },
    { "2013": 2 }
  ]
});
</script>

Answer 1

嗯，这是一个简单的 Javascript 转换。

convertDataSource = function(dataSource) {
  for(i in dataSource) {
    (y = {})[dataSource[i].year] = dataSource[i].value;
    dataSource[i] = y;
  }
  return dataSource;
}
convertDataSource([ { year: "2012", value: 1 }, { year: "2013", value: 2 }])
// [ { "2012": 1, "2013": 2}