2014-01-25 49 views
1

我目前正在试图构建一个图表,显示每个日期的产品下载数量。 当前代码的示例如下:将多个系列添加到图表

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" 
     } 
    } 
    } 
}); 

它工作正常,如果我要仅显示一个产品的数据。我将如何继续显示其他产品的下载数据,即向图表中添加另一个系列?

回答

4

对!我自己想清楚了。这里是:

$("#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" 
     } 
    } 
    } 
});