Hi,
I want to display an area chart but i couldn't. The framework is rendering a column chart every time.
Here's my code :
$('#chart_div').kendoChart({
theme: $(document).data('kendoSkin') || 'default',
legend: {
position: 'top'
},
chartArea: {
background: 'transparent'
},
seriesDefault: {
type: 'area'
},
dataSource: {
transport: {
read: {
url: source,
dataType: 'json'
}
},
sort: {
field: 'year',
dir: 'asc'
}
},
valueAxis: {
labels: {
format: '{0}'
}
},
tooltip: {
visible: true,
format: '{0}'
},
series: [{
field: 'calls',
name: 'Calls',
},{
field: 'limit',
name: 'Limit' ,
}],
categoryAxis: {
field: 'day',
labels: {
rotation: -90
}
}
});
Thanks.
I want to display an area chart but i couldn't. The framework is rendering a column chart every time.
Here's my code :
$('#chart_div').kendoChart({
theme: $(document).data('kendoSkin') || 'default',
legend: {
position: 'top'
},
chartArea: {
background: 'transparent'
},
seriesDefault: {
type: 'area'
},
dataSource: {
transport: {
read: {
url: source,
dataType: 'json'
}
},
sort: {
field: 'year',
dir: 'asc'
}
},
valueAxis: {
labels: {
format: '{0}'
}
},
tooltip: {
visible: true,
format: '{0}'
},
series: [{
field: 'calls',
name: 'Calls',
},{
field: 'limit',
name: 'Limit' ,
}],
categoryAxis: {
field: 'day',
labels: {
rotation: -90
}
}
});
Thanks.