2014-01-25 162 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" 
     } 
    } 
    } 
});