or
$(document).ready(function () { var values = [{ "Name": "Good", "DateReported": "2014-03-11", "valueX": 75 }, { "Name": "Good", "DateReported": "2014-03-12", "valueX": 75 }, { "Name": "Normal", "DateReported": "2014-03-13", "valueX": 50 }, { "Name": "Bad", "DateReported": "2014-03-14", "valueX": 25 }, { "Name": "Awesome!", "DateReported": "2014-03-15", "valueX": 100 }, { "Name": "Awesome!", "DateReported": "2014-03-15", "valueX": 100 }, { "Name": "Good", "DateReported": "2014-03-16", "valueX": 75 }, { "Name": "Awesome!", "DateReported": "2014-03-17", "valueX": 100 }, { "Name": "Lousy", "DateReported": "2014-03-17", "valueX": 0 }, { "Name": "Good", "DateReported": "2014-03-18", "valueX": 75 }]; $('#chart').kendoChart({dataSource: { data: values }, chartArea: { height: 350 }, title: { text: "Dina rapporterade känslor" }, legend: { visible: false }, seriesDefaults: { type: "line", style: "smooth", labels: { visible: false, } }, series: [{ field: "valueX", name: "{0}", tooltip: { visible: true, template: "<b>Mood Score: </b>#= value #<br/><b>Mood: </b> #= dataItem.Name # " } }], valueAxis: { notes: { position: "bottom", icon: { background: "orange" }, data: [{ value: 0, label: { position: "outside", text: "Lousy" } }, { value: 25, label: { position: "outside", text: "Bad" } }, { value: 50, label: { position: "outside", text: "Normal" } }, { value: 75, label: { position: "outside", text: "Good" } }, { value: 100, label: { position: "outside", text: "Awesome" } }] }, title: { visible: false }, max: 100, majorUnit: 25, labels: { format: "{0}", visible: false, }, line: { visible: false } }, categoryAxis: { title: { visible: false }, labels: { rotation: -45 }, field: "DateReported", majorGridLines: { visible: false } } });});