Kendo Grid and Chart
HTML
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.3.1030/js/kendo.all.min.js"></script>
<div id="chart"></div>
<div id="chart2"></div>
JavaScript
var sharedDataSource = new kendo.data.DataSource({
data: [
{ id: 1, value: 1, item: "Item1" },
{ id: 2, value: 1, item: "Item2" },
{ id: 3, value: 11, item: "Item3" },
{ id: 4, value: 81, item: "Item4" },
{ id: 5, value: 1, item: "Item5" },
{ id: 6, value: 111, item: "Item6" }
],
schema: {
model: {
id: "id",
fields: {
id: { type: "number", editable: false },
value: { type: "number" },
item: { type: "string" }
}
}
}
});
function formatValue(value) {
return value * 1.0e-16;
}
$("#chart").kendoChart({
dataSource: sharedDataSource,
autoBind: false,
valueAxis: {
labels: {
template: "#= formatValue(value) #"
}
},
categoryAxis: {
field: "item"
},
series: [
{ field: "value", name: "Value" }
]
});
sharedDataSource.read();
var sharedDataSource2 = new kendo.data.DataSource({
data: [
{ id: 1, value: 1.0e-6, item: "Item1" },
{ id: 2, value: 1.0e-6, item: "Item2" },
{ id: 3, value: 11.0e-6, item: "Item3" },
{ id: 4, value: 81.0e-6, item: "Item4" },
{ id: 5, value: 1.0e-6, item: "Item5" },
{ id: 6, value: 111.0e-6, item: "Item6" }
],
schema: {
model: {
id: "id",
fields: {
id: { type: "number", editable: false },
value: { type: "number" },
item: { type: "string" }
}
}
}
});
$("#chart2").kendoChart({
dataSource: sharedDataSource2,
autoBind: false,
categoryAxis: {
field: "item"
},
series: [
{ field: "value", name: "Value" }
]
});
sharedDataSource2.read();