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