2014-01-25 4 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" 
     } 
    } 
    } 
}); 
Смежные вопросы