Kendo ui 向图表中添加多个系列

Kendo ui 向图表中添加多个系列,kendo-ui,kendo-dataviz,kendo-chart,Kendo Ui,Kendo Dataviz,Kendo Chart,我目前正试图建立一个图表,显示每个日期的产品下载次数。 当前代码的示例如下所示: var downloads = [ { value: 48, date: new Date("2013/11/01") }, { value: 50, date: new Date("2013/11/02") }, { value: 55, date: new Date("2013/11/03") }, { value: 35, date: new Date("2013/11/04") } ];

我目前正试图建立一个图表,显示每个日期的产品下载次数。 当前代码的示例如下所示:

var downloads = [  
  { value: 48, date: new Date("2013/11/01") },
  { value: 50, date: new Date("2013/11/02") },
  { value: 55, date: new Date("2013/11/03") },
  { value: 35, date: new Date("2013/11/04") }
];

$("#chart").kendoChart({
  dataSource: {
    data: downloads
  },
  series: [{
    type: "line",
    aggregate: "avg",
    field: "value",
    categoryField: "date"
  }],
  categoryAxis: {
    baseUnit: "days",
    min: new Date("2013/10/31"),
    max: new Date("2013/11/10"),
    labels: {
      dateFormats: {
        days: "dd/MM"
      }
    }
  }  
});

如果我只需要显示一种产品的数据,它就可以正常工作。如何继续显示其他产品的下载数据,即在图表中添加其他系列?

对!我自己想出来的。这是:

$("#chart").kendoChart({ 
 seriesDefaults: {
     tooltip: {
         visible: true,
     },
     type:"line",
     aggregate:"avg",
     field:"value",
     categoryField:"date"
 }, 
  series: [{
    name: "Product 1",
    data: [{ value: 48, date: new Date("2013/11/01") }, { value: 50, date: new Date("2013/11/02") }]
    },
{
    name: "Product 2",
    data: [{ value: 55, date: new Date("2013/11/03") }, { value: 35, date: new Date("2013/11/04") }]
    }],
  categoryAxis: {
    baseUnit: "days",
    min: new Date("2013/10/31"),
    max: new Date("2013/11/10"),
    labels: {
      dateFormats: {
        days: "dd/MM"
      }
    }
  }  
});

对!!我自己想出来的。这是:

$("#chart").kendoChart({ 
 seriesDefaults: {
     tooltip: {
         visible: true,
     },
     type:"line",
     aggregate:"avg",
     field:"value",
     categoryField:"date"
 }, 
  series: [{
    name: "Product 1",
    data: [{ value: 48, date: new Date("2013/11/01") }, { value: 50, date: new Date("2013/11/02") }]
    },
{
    name: "Product 2",
    data: [{ value: 55, date: new Date("2013/11/03") }, { value: 35, date: new Date("2013/11/04") }]
    }],
  categoryAxis: {
    baseUnit: "days",
    min: new Date("2013/10/31"),
    max: new Date("2013/11/10"),
    labels: {
      dateFormats: {
        days: "dd/MM"
      }
    }
  }  
});