If I place the following on my page, no graph is displayed:
This issues appears to be that I'm passing 2568 as a data value nothing is rendered. Is there a reason for this?
<script>
function createBuildingChart() {
$('#buildingChart').kendoChart({
theme: $(document).data('kendoSkin') || 'default',
dataSource: { data: graphDataBuilding },
chartArea: { height: 250, width: 218 },
legend: { position: 'bottom', visible: true, margin: { left: 1, right: 1 }, labels: { font: '10px Arial' }, border: {width:1, color:'black', dashType:'solid'} },
series: [{ type: 'pie', field: 'Value', categoryField: 'Text', padding: 0}],
tooltip: { visible: true, template: '<strong>${ category }</strong>: ${ value }' },
seriesColors: ["#4575B4", "#D53E4F", "#F46D43", "#FDAE61", "#FEE08B"]
});
}
</script>
<script type='text/javascript'>var graphDataBuilding = [{ 'Text': 'Active', 'Value': 2568 }];createBuildingChart();</script>
This issues appears to be that I'm passing 2568 as a data value nothing is rendered. Is there a reason for this?
<script>
function createBuildingChart() {
$('#buildingChart').kendoChart({
theme: $(document).data('kendoSkin') || 'default',
dataSource: { data: graphDataBuilding },
chartArea: { height: 250, width: 218 },
legend: { position: 'bottom', visible: true, margin: { left: 1, right: 1 }, labels: { font: '10px Arial' }, border: {width:1, color:'black', dashType:'solid'} },
series: [{ type: 'pie', field: 'Value', categoryField: 'Text', padding: 0}],
tooltip: { visible: true, template: '<strong>${ category }</strong>: ${ value }' },
seriesColors: ["#4575B4", "#D53E4F", "#F46D43", "#FDAE61", "#FEE08B"]
});
}
</script>
<script type='text/javascript'>var graphDataBuilding = [{ 'Text': 'Active', 'Value': 2568 }];createBuildingChart();</script>