HTMLJavaScript Metro Apps and kendo ui

hello
First of all u have to download KendoUI script file from kendoUI website.after that u have to used that in u r project.
like this

function create() {

var currentyear = g_CurrentYear;

$("#id").kendoChart({

theme: $(document).data("kendoSkin") || "black",

dataSource: {

data: here binding function data

legend: {

position: "bottom",

padding: 1,

margin: 1

seriesDefaults: {

type: "line"

series: [

{

field: "Y1",

color: "#0081DA"

{

field: "Y2",

color: "#A0A700"

}, {

field: "Y3",

color: "Orange"

}],

valueAxis: {

axisCrossingValue: minvalue,

plotBands: [{

from: 0,

to: minvalue,

}],

categoryAxis: {

categories: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"]

tooltip: {

visible: true,

}

});

}

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Dinkar Chavhan13y ago
hello
First of all u have to download KendoUI script file from kendoUI website.after that u have to used that in u r project.
like this
function create() {
var currentyear = g_CurrentYear;
$("#id").kendoChart({

theme: $(document).data("kendoSkin") || "black",
dataSource: {
data: here binding function data
},
legend: {
position: "bottom",
padding: 1,
margin: 1
},

seriesDefaults: {
type: "line"
},
series: [

{
field: "Y1",
name: (currentyear - 2).toString(),
color: "#0081DA"
},
{
field: "Y2",
name: (currentyear - 1).toString(),
color: "#A0A700"
}, {
field: "Y3",
name: currentyear.toString(),
color: "Orange"
}],

valueAxis: {
axisCrossingValue: minvalue,
plotBands: [{
from: 0,
to: minvalue,
}],

},
categoryAxis: {
categories: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"]
},
tooltip: {
visible: true,
template: "#= kendo.toString(formatNumbers(value)) #"
}
});
}
0
Javeed M Shaikh13y ago
check this link, scroll down for code:

http://demos.kendoui.com/dataviz/bar-charts/index.html
0